ImageLens - Un plugin jQuery de zoom / loupe sur images

ImageLens est un plugin jQuery permettant de créer un effet de loupe ou zoom sur une image avec des options avancées.

Idéal pour présenter de manière design et dynamique les photos de produits sur un site d'e-commerce, ou une map avec beaucoup de détails par exemple.

Le plugin est très simple à utiliser et dispose de plusieurs fonctionnalités de personnalisation:

• Taille de la loupe
• Taille de la bordure de la loupe
• Couleur de la bordure de la loupe

Au niveau de son utilisation, vous avez plusieurs choix:

• Afficher directement une image de grosse résolution en la redimensionnant en plus petit
• Afficher une image sans redimension et se servir d'une autre image pour le rendu du zoom

Il est alors possible de faire des effets comme noir / blanc vs couleurs en utilisant 2 images différentes.

Côté utilisation voici le code jQuery à appeler une fois les librairies chargées:

$("#votreIMG").imageLens({ borderSize: 8, borderColor: "#06f", imageSrc: "imgHauteResolutionPourZoom.jpg", lensSize: 200});

Niveau compatibilité, le plugin se dégrade bien sur IE < 8 en proposant un zoom avec une loupe carrée au lieu de rond. (Rend pas mal!).

Site Officiel

Dans le même genre vous pouvez utiliser:

Zoomy ou jQZoom Evo, d'autres plugins jQuery de zoom avec loupe.