Estoy haciendo un slider automático y en chrome me funciona pero en mozilla y opera no sale ninguna imagen. Con esto descarto que esté llamando mal al documento pero no consigo ver el error, ¿me podeis ayudar?
window.addEventListener('load', function (){
var imagenes = [];
imagenes[0] = '../Imagenes/slider1.jpg';
imagenes[1] = '../Imagenes/slider2.jpg';
imagenes[2] = '../Imagenes/slider3.jpg';
var long_imagenes = imagenes.length;
var cnt = 0;
function cambiarImagenes(){
document.img_slider.src = imagenes[cnt];
if(cnt < (long_imagenes-1)){
cnt = cnt +1;
}else{
cnt = 0;
}
}
setInterval(cambiarImagenes,3000);
});
<div id="slider_cont">
<img name="img_slider" id="img_slider">
</div>
EDITO Gracias a los comentarios hasta ahora creo que el error está en la ruta, pues si pongo los enlaces que hay el snippet si que funciona.
Mi raiz:
Yo lo que hago es salir de la carpeta js, entrar en imagenes y definir la imagen que quiero tarbajar.
document.img_slider
?document[<id>]
es un estándar válido para abreviardocument.getElementById
document.getElementById
, yadocument.<id>
no es un estándar (es un invento de Microsoft para IE): stackoverflow.com/questions/3434278/…