PDA

View Full Version : Simple Image Panner using mousewheel/mouse scroll



iceman_16
07-30-2013, 01:28 PM
1) Script Title: Simple Image Panner and Zoomer v1.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/imagepanner.htm

3) Describe problem: Is it possible to implement mousewheel or mouse scroll to zoom image panner.

Thanks

jscheuer1
07-31-2013, 02:45 AM
Possible, yes. Will someone write it for you, perhaps. First look at:

http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

and:

http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm

and:

http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm

I know none of these is exactly what you're asking for, but perhaps you might like one of them even better. If so, it will save someone a lot of work adapting the Simple Image Panner and Zoomer to work with the mouse.

BTW, using the mouse will potentially limit the script. As it is now, it will probably work on most browsers, including mobile/touch devices. If you involve the mouse wheel, unless there is a fallback to the current 'click on icons' methods for zoom in/out, most if not all mobile/touch devices will not be able to use it.

iceman_16
07-31-2013, 06:05 AM
Thanks for a quick response. Yeah your right, it takes a lot of work to implement the mouse motion instead of clicking and might not work at all browser. Might only need to work on Chrome

iceman_16
07-31-2013, 06:29 AM
Would be possible, instead of using mouse wheel to zoom image implement image zoom with slider

vwphillips
07-31-2013, 03:09 PM
http://www.vicsjavascripts.org.uk/ImageZoomPanIII/ImageZoomPanIII.htm

iceman_16
08-01-2013, 09:33 AM
Thanks a lot Vic. However, i got an error "addEventListener" when I implement with jquery. How to fixed this?

vwphillips
08-01-2013, 01:01 PM
when I implement with jquery

I do not understand, the script does not use jquery

I have tested with jquery on the page with no errors

please post a link to the problem page