HTML/JS - Images du produit

Question

J'ai une page de produit qui contient une image du produit et de petites vignettes en dessous. Lorsque les plus petites vignettes sont cliquées, j'aimerais que l'image principale du produit passe à l'image sélectionnée. Et si je voulais qu'une version plus grande apparaisse lorsque l'image du produit principal est cliquée? Comment ferais-je face à cela? Quelle est la meilleure implémentation? (gracieuse et valide)

Si possible, je voudrais que l'image principale du produit et les vignettes ne soient pas réduites.

Answer 1

Si vous ne souhaitez pas réduire la taille des images dans le navigateur, vous devez créer des images individuelles pour le pouce, l'image principale et un zoom. Il y a plusieurs plugins jQuery qui peuvent faire du zoom, jqZoom vient à l'esprit.