Thumbnail-Zugriff über For-Schleife.

Question

Ich erstelle eine Fotogalerie und bin derzeit darauf angewiesen, zu erkennen, welche Thumbnail-Links zu welchem ​​Bild gehören. Ich benutze eine addEventListener-Funktion, bitte geben Sie die Methode an, die Sie ausführen möchten.

Answer 1

Nicht ganz sicher, was Sie hier bedeuten, aber lassen Sie mir einen Vorschlag machen:

Wenn Ihre Thumbnails alle Links direkt zu ihrem größeren Gegenstück, können Sie sie von der Navigation von der Seite verhindern und stattdessen bringen das größere Bild in asynchron:

<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> 

Mit dieser Auszeichnung, könnten wir die folgenden jQuery haben:

$(".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 */ 
}); 

vielmehr die Warnung, als wenn, COUL Sie d verblasse das große Bild modal über den Rest der Seite.