Zoomy - Un plugin jQuery pour zoomer sur vos images ou produits

Zoomy est un plugin jQuery permettant d'ajouter une loupe sur vos images, idéal pour voir les détails de vos produits sur un site d'e-commerce.

Très simple à mettre en place et à utiliser, Zoomy permettra à vos visiteurs de voir plus en détail les images de votre site que vous aurez sélectionné.

Côté options, il sera possible:

• De changer la taille de la loupe
• De changer la forme de la loupe (Carrée ou ronde)
• D'activer ou non l'effet d'éclat de la loupe
• Changer le texte incitant à cliquer sur l'image pour ouvrir la loupe

Son utilisation est simple, dans un premier temps, vous déclarez les images  dans un lien avec une classe spéciale:

<a href="zoomImg.jpg" class="zoom">
    <img src="displayImg.jpg" alt="This is the Display Image" />
</a>

Puis vous initialisez le plugin:

$('.zoom').zoomy({
    zoomSize: 180,
    round: true,
    glare: true,
    zoomText: click to Zoom
});

Et cela fonctionne !

Le plugin utilisant du CSS3 pour le rendu de la loupe, sur Internet Explorer, on devra se contenter de la loupe carrée.

Site Officiel