View Full Version : image zoom script

05-01-2005, 01:53 PM
Hello everyone, this is my first post here.

Does anyone know of a cross-browser script for zooming into a part of a thumbnailed image?
What I am looking for is sth like the dynapi scrollbar zoom script (doesn't work with IE):


Thank you!
Edit/Delete Message

05-01-2005, 02:00 PM
sorry link is:


05-01-2005, 05:36 PM
That's a pretty sophisticated set of scripts. I'm not sure how easy it would be to port to IE but, when I get the time I'll try porting the initial mouse position detection routines and see if that 'gets it'. Though, this sort of effect could be achieved in IE6 via a custom cursor for the red box and onClick events attached to an image map. Looking at the code some more, it appears that the code that makes the red box works in IE, that would be the 'scrollbar.js' component. I'll see what happens after the port.

05-03-2005, 01:46 PM
John thank you for looking into this. I'm still searching around and haven't found any solution yet. So, please let me know if you have any luck with this.

BTW, you're the only one among all 4 forums users (webdeveloper.com, codingforums.com, dhtmlcentral.com, dynamicdrive.com) who tried answering this...


05-04-2005, 06:42 AM
Well, I haven't made much headway, I'm really not that up on the differences between IE and NS as far as mouse events go, and the rudimentary knowledge I do possess in this area is not sufficient to solve this, assuming it is solvable, which it might well be. Anyways, I have discovered that the script:


Which works only in IE can be combined on the same page as the scripts you mentioned. You need to have its support files, just as you need the support files for this other script but, the trick is getting them working together on one page. I will attach an example of that. If you want to try it, you will need to acquire the support files for both scripts.

One note on the script you supplied a link to. It really is not magnifying things as much as it seems to, the image is actually much smaller than it appears. It relies upon incorrect width and height to make it appear larger, with a loss of resolution I didn't at first notice.

The same is true of the script I am putting forward but, in a slightly different way.