jQuery gzoom plugin

$("#zoom01").gzoom({sW: 300,
                    sH: 225,
                    lW: 1400,
                    lH: 1050, 
                    lighbox : false
                    });
			    

$(".zoom_no_lbox").gzoom({sW: 300,
                          sH: 225,
                          lW: 1024,
                          lH: 768, 
                          lightbox: true
                         });
			    

$("#zoom04").gzoom({sW: 300,
                    sH: 225,
                    lW: 1024,
                    lH: 768, 
                    lightbox: true, 
                    zoomIcon: 'images/gtk-zoom-in.png'
                    });
			    

Based on the work of giancarlo mingati and leandro vieira

Features:

• Click on plus and minus to zoom
• Drag the slider to zoom
• Zoom using mousewheel hover the image
• Moving mouse hover the image change the pan
• Click on the image to show in lightbox style
• jquery.ui framework styled

Dependencies:

• jquery 1.3.2
• ui.core.js
• ui.slider.js
• jquery.gzoom.js :-)

Optional:

• jquery.mousewheel.js

Tested with:

• Firefox 3.0 on linux
• Firefox 3.0 on windows vista
• Internet explorer 8 on windows vista (some weird behaviour when loading larger image)
• Safari on Mac (not personally tested)

Downloads:

• gzoom.js
• gzoom.css

2009 Giovanni Battista Lenoci | gianiaz.net web solutions | ueppy.com Technical Manager | Ueppy CMS