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'
                    });
			    

Basato sul lavoro di giancarlo mingati e leandro vieira

Funzionalità:

• Click su più e meno per effettuare lo zoom della foto
• Spostamento dello "slider" tramite drag & drop
• Supporto per il plugin mousewheel per effettuare lo zoom con la rotellina del mouse
• Spostamento della visuale seguendo il movimento del mouse sopra la foto
• Visualizazzione in formato lightbox della foto intera
• Stile ereditato dal framework di jquery.ui

Dipendenze:

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

Opzionale:

• jquery.mousewheel.js

Download:

• gzoom.js
• gzoom.css

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