Не получается дублировать слайдер.. работает только последний, даже когда создаю две функции (slider и slider1) и запускаю с нужными аргументами, работает только последний. Первого картинки не считает, не добавляет инонки спаны переключатели.
londonjack.ru/x/indexfunction slider (colimg, wrapspan, span) {
var img = document.querySelectorAll(colimg);
var wrapSpan = document.getElementById(wrapspan);
var index = 0;
img[index].style.display = 'block';
for(var i = 0; i < img.length; i++) {
var addSpan = document.createElement('span');
addSpan.classList.add(span);
wrapSpan.appendChild(addSpan);
};
var listSpan = document.getElementsByClassName(span);
listSpan[0].style.backgroundColor = '#003f55';
//Получение индекса span
function getIndex(element, i) {
element.addEventListener('click', function() {
index = i;
for (var j = 0; j < img.length; j++) {
img[j].style.display = 'none';
}
img[index].style.display = 'block';
for(var z = 0; z < listSpan.length; z++) {
listSpan[z].style.backgroundColor = '#fff';
}
element.style.backgroundColor = '#003f55';
}, false);
}
[].slice.call(wrapSpan.children).forEach(getIndex);
//end
};
window.onload = function () {
slider ('#gallery-item img', 'wrap-span', 'gallery-span-style');
};
window.onload = function () {
slider ('#gallery-item2 img', 'wrap-span2', 'gallery-span-style2');
};
