Accès aux vignettes via la boucle for.

Question

Je suis en train de créer une galerie de photos et je suis actuellement bloqué sur la reconnaissance des liens de vignettes à quelle image. J'utilise une fonction addEventListener, veuillez suggérer la méthode à suivre.

Answer 1

Pas tout à fait sûr de ce que vous voulez dire ici, mais permettez-moi de faire une suggestion:

Si vos vignettes tout lien directement à leur contre-partie plus grande, vous pouvez les empêcher de naviguer loin de la page, et au lieu apporter l'image en mode asynchrone:

<ul class="thumbnails"> 
    <li><a href="bigImg1.jpg"><img src="bigimg1_thumb.jpg" /></a></li> 
    <li><a href="bigImg2.jpg"><img src="bigimg2_thumb.jpg" /></a></li> 
</ul> 

Avec cette majoration, nous pourrions avoir la jQuery suivante:

$(".thumbnails a").click(function(e){ 
    e.preventDefault(); /* keeps us from actually leaving the page */ 
    alert($(this).attr("href")); /* tells us the path to our img */ 
}); 

plutôt que d'avoir l'alerte, vous coul d fondu la grande image dans le reste de la page, modalement.