En ese caso, el código de mi ejemplo tendría que estar en una función, misma que recibirá el
id
de la sección como argumento y la ruta, sin el número de orden, de la imagen:
Código Javascript
:
Ver originalfunction cambiarSlider(id, ruta){
var opciones = document.querySelectorAll("#" + id + " li");
document.querySelector("#" + id).addEventListener("click", function(event){
if (event.target.tagName == "LI"){
var numero = opciones.indexOf(event.target);
if (numero > -1){
imageChanger[0].src = ruta + (numero + 1) + ".png";
}
}
}, false);
}
De esta manera, el código se convierte en reutilizable por todos los
sliders que tengas.