error en javascript para mover fotos en un div
Publicado por Paxarin (1 intervención) el 21/12/2011 12:55:05
Muy buenas.
Estoy a punto de terminar un proyecto web para un amigo y necesitaba que un div que contiene unas imagenes, fueran cambiando cada "x" minutos.
No soy muy bueno en javascript, pero consegui hacer este script. Cuando lo pruebo en un html en blanco funciona muy bien ( o por lo menos para mi), pero cuando lo incorporo al html de la web no me funciona.
Creo que el problema esta aqui ( document.getElementById("dest")), "dest" es el nombre del div en el que se encuentran las imagenes.
Por algun motivo que lo logro entender aparecen las imagenes una junto a la otra y ni cambian ni hacen nada.
Alguien podria ayudarme?
Un saludo
<script>
<!--
// Cargamos al principio las imágenes
var imgNum=0;
var totalImagenes=2;
imagenes=new Array();
for ( i=0; i<totalImagenes; i++ ) {
imagenes[i]=new Image();
imagenes[i].src="foto/imagen"+i+".jpg"
} // for
// Esta es la funcion que cambia los graficos
function graficosAnimados() {
document.getElementById("dest").src=imagenes[imgNum].src;
if( imgNum<totalImagenes-1 ) {
imgNum++;
} else {
imgNum=0;
}
setTimeout( "graficosAnimados();",4000);
} // function graficosAnimados
// -->
</script>
el div es este.
<body onload="graficosAnimados()";>
<div id="dest">
<img src="foto/imagen0.jpg" id="pri">
<img src="foto/imagen1.jpg">
</div>
Estoy a punto de terminar un proyecto web para un amigo y necesitaba que un div que contiene unas imagenes, fueran cambiando cada "x" minutos.
No soy muy bueno en javascript, pero consegui hacer este script. Cuando lo pruebo en un html en blanco funciona muy bien ( o por lo menos para mi), pero cuando lo incorporo al html de la web no me funciona.
Creo que el problema esta aqui ( document.getElementById("dest")), "dest" es el nombre del div en el que se encuentran las imagenes.
Por algun motivo que lo logro entender aparecen las imagenes una junto a la otra y ni cambian ni hacen nada.
Alguien podria ayudarme?
Un saludo
<script>
<!--
// Cargamos al principio las imágenes
var imgNum=0;
var totalImagenes=2;
imagenes=new Array();
for ( i=0; i<totalImagenes; i++ ) {
imagenes[i]=new Image();
imagenes[i].src="foto/imagen"+i+".jpg"
} // for
// Esta es la funcion que cambia los graficos
function graficosAnimados() {
document.getElementById("dest").src=imagenes[imgNum].src;
if( imgNum<totalImagenes-1 ) {
imgNum++;
} else {
imgNum=0;
}
setTimeout( "graficosAnimados();",4000);
} // function graficosAnimados
// -->
</script>
el div es este.
<body onload="graficosAnimados()";>
<div id="dest">
<img src="foto/imagen0.jpg" id="pri">
<img src="foto/imagen1.jpg">
</div>
Valora esta pregunta
0