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