L’affichage d’une galerie d’images avec des miniatures menant vers la taille réelle est une chose relativement commune sur le web. Simple Image Viewer allie une simplicité confondante pour un maximum d’impact (le script se contente des effets slideUp and slideDown intégrés à jQuery).
Le marquage montré dans l’exemple n’est pas des plus sémantiques, mais la correspondance entre la miniature et la taille réelle s’effectue avec la mise en relation de l’attribut rel pour la miniature et l’id de la taille réelle, ce qui devrait autoriser un marquage plus sémantique à base de liste de définition ou de listes ul ou ol.
Bookmarké, vraiment sympa cette galerie 🙂
Ah oui je confirme, le
c’est pas très sémantique 🙂
Mais l’effet est simple et agréable. À voir ce que ça donne avec des images moins « smooth » 🙂
(tiens le code est pas passé, je retente)
< a href = "javascript:;" rel = "img1" > < img src = "iphone_1.jpg" > < / a >
Oui, c’est vrai, mais il suffit de changer le href= »javascript:; » par href= »iphone.jpg » et de rajouter un return:false ou mieux : empêcher la propagation du lien dans jquery lui-même.