通过for循环访问缩略图。

Question

我正在创建一个照片库，目前我一直在认识哪个缩略图链接到哪个pic.I我正在使用addEventListener函数，请建议使用该方法。

Answer 1

我不完全确定你的意思，但让我提出一个建议：

如果您的缩略图都直接链接到较大的对应部分，则可以防止它们从页面导航，而是异步显示较大的图像：

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

使用该标记，我们可以使用以下jQuery：

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

除了提供警报外，您还可以在页面的其余部分以模态方式淡化大图像。