Показать сообщение отдельно
  #1 (permalink)  
Старый 08.10.2015, 19:34
Аспирант
Отправить личное сообщение для webmanss Посмотреть профиль Найти все сообщения от webmanss
 
Регистрация: 17.02.2013
Сообщений: 34

Запуск события по Классу, а не ID
Всем привет!
Есть несколько ссылок на странице. Задача: нужно чтобы при нажатии на любую из них, показывалась следующая картинка.
Только вот этот скрипт работает только по ID.

var imagesFoto = ['images/0.jpg','images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg'];
var i = 1;
var preloadImg = [];
for(var j = 0; j < imagesFoto.length; j++)   {
                  preloadImg[j] = new Image();
                  preloadImg[j].src = imagesFoto[j];
                  };
window.onload = afterLoad;
function afterLoad() {
   var link1 = document.getElementById('link_1');
   if(link1.addEventListener)   {
               link1.addEventListener('click',clickMouseImg,false);
               }
   else            {
               link1.attachEvent('onclick',clickMouseImg);
               };
};
function clickMouseImg() {
         var img1 = document.getElementById('img_0');
         img1.setAttribute('src',imagesFoto[i]);
         i++;
         if(i == imagesFoto.length)    {
                     i = 0;
                     }; 
         };


<img id="img_0" src="images/0.jpg">
<a href="link_1" >ссылка1</a>
Ответить с цитированием