NivoZoom - Une lightbox jQuery pour zoomer sur vos images

Nivo Zoom est un plugin jQuery permettant d'ajouter une fonction de zoom sur vos images, avec la possibilité de mettre une légende.

Ce plugin de lightbox jQuery est très léger, le fichier pèse seulement 4Kb !

Idéal si vous souhaitez proposer un zoom sur une image, les icones qui apparaissent grâce au plugin rendent son utilisation intuitive.

Il propose 5 différentes positions de zoom et il est possible d'y ajouter des légendes textuelles ou HTML.

Du côté des compatibilités navigateurs, exit IE6:

• Internet Explorer 7+
• Firefox 3+
• Google Chrome 4
• Safari 4

Côté code, rien de compliqué! Voici un exemple de code HTML:

<a href="images/pic_large.jpg" class="nivoZoom center">
    <img src="images/pic.jpg" alt="" />
    <div class="nivoCaption">This is an example of a caption.</div>
</a>

N'oubliez pas d'inclure la librairie Javascript et le fichier CSS, puis instanciez le plugin ainsi:

$(window).load(function() {
    $('body').nivoZoom({
        speed:500,
        zoomHoverOpacity:0.8,
        overlay:false,
        overlayColor:'#333',
        overlayOpacity:0.5,
        captionOpacity:0.8
    });
});

Facile non ?

Vous pourrez retrouver les différentes options sur le site du plugin.

Site Officiel