Всем привет!
Есть несколько ссылок на странице. Задача: нужно чтобы при нажатии на любую из них, показывалась следующая картинка.
Только вот этот скрипт работает только по 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>
