Есть скрипт и 10 одинаковых блоков, в которых есть картинки, которые должны меняться при наведении курсора на картинку. Скрипт работает, но только на последнем блоке. Подскажите, как сделать, чтобы скрипт срабатывал на всех блоках? (скрипт не мой в js чайник) Скорее всего проблема в одинаковых "id=multiImg", но дажеесли сделать разные "id" перестает работать даже последний блок.
почему-то не работает:
https://jsfiddle.net/e8ztmqne/3/
в денвере рабоатет :/
Забыл написать, что в задумке больше ДВУХ картинкок.
Как например на видео есть превьюки, при наведении слайдшоу из ролика, на который навели курсор
(function(){
var d, allSrc, len, obj, ind, stop;
d=document;
allSrc=['2.jpg','4.jpg','6.jpg','8.jpg','10.jpg','12.jpg','14.jpg'];
len=allSrc.length;
ind=0;
onload=function(){
var el=d.getElementById("multiImg");
obj=el.getElementsByTagName("img")[0];
el.onmouseover=over;
el.onmouseout=out;
};
function over(){
ind=ind+1==len?0:ind+1;
obj.src=allSrc[ind];
stop=setTimeout(over, 500);
};
function out(){
clearTimeout(stop);
obj.src=allSrc[2];
};
})();
