Zoom on HTML Image Map

Question

Does anyone know how to zoom-in/magnify an HTML Image Map in the same style as jQZoom ?

I've tried using/adapting the jQZoom code but end up losing the Image Map links and just linking to the larger image.

Any ideas/help greatly appreciated, S.

Answer 1

You can try with Bezoom http://benjaminmock.de/bezoom-jquery-plugin/

Bezoom uses the img tag to apply the zoom, the the script seems pretty straightforward:

var img = $(this).find('img');

var imgSmallHeight = $(this).find('img').height();
var imgSmallWidth = $(this).find('img').width();

You could change these and some other thingies in the code to apply the effect to any other element such as a div. Is this what you are looking for?