This week's book giveaway is in the Servlets forum.
We're giving away four copies of Murach's Java Servlets and JSP and have Joel Murach on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes Move enlarged image around on mouseover - Image mapping Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Murach's Java Servlets and JSP this week in the Servlets forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "Move enlarged image around on mouseover - Image mapping" Watch "Move enlarged image around on mouseover - Image mapping" New topic
Author

Move enlarged image around on mouseover - Image mapping

Aparna Ram
Ranch Hand

Joined: Jan 27, 2006
Posts: 59
Hi,

I would like to achieve the following:

I have a small and a large image.
On rolling over the small image, the large image should pop out. This is achieved. But now I want the large image to be zoomed in at the position where I place my mouse over the small image. So as I move my mouse around the small image, the respective position of the large image should be zoomed in. Does this require Image Mapping? How can i map the small image to a large image?

The idea can be seen here when you roll over the images in this website: www.edealinfo.com

Any help/suggestions much appreciated.

Thanks in advance
- AH
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
http://www.visual-blast.com/javascript/jqzoom-22-jquery-image-zoom-tool/

Eric
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Move enlarged image around on mouseover - Image mapping
 
Similar Threads
Getting the X, Y coordinate values in a JChart
When an image is shown, how to adjust its size appropriately using javascript.
Clipping an image as it is dragged
Image region selection
zooming an image / imageicon