Миниатюра доступа через цикл.

Question

Я создаю фотогалерею и в настоящее время застрял в распознавании ссылок на миниатюры, на которые рис. Я использую функцию 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 */
});

Вместо того, чтобы получать оповещения, вы можете добавить большое изображение поверх остальной части страницы модально.