imagenes congeladas

carlosarmikhael · #1 (**permalink**) 04/06/2013, 13:01

buenas tengo estas un problema con una imagen que se rota

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<title>Intro al Paseo Canaima</title>
<!--<META HTTP-EQUIV=Refresh CONTENT="5; URL=file:///home/armikhael/Canaima-tour/canaima-tour.html">-->
<link rel="stylesheet" href="css/intro.css" />
<script language="Javascript" type="text/javascript">
mis_imagenes = new Array("img/intro/D0000.png","img/intro/D0001.png","img/intro/D0002.png","img/intro/D0003.png","img/intro/D0004.png","img/intro/D0005.png","img/intro/D0006.png","img/intro/D0007.png","img/intro/D0008.png","img/intro/D0009.png","img/intro/D0010.png","img/intro/D0011.png","img/intro/D0012.png","img/intro/D0013.png","img/intro/D0014.png","img/intro/D0015.png","img/intro/D0016.png","img/intro/D0017.png","img/intro/D0018.png","img/intro/D0019.png","img/intro/D0020.png","img/intro/D0021.png","img/intro/D0022.png","img/intro/D0023.png","img/intro/D0024.png","img/intro/D0025.png","img/intro/D0026.png","img/intro/D0027.png","img/intro/D0028.png","img/intro/D0029.png","img/intro/D0030.png","img/intro/D0031.png","img/intro/D0032.png","img/intro/D0033.png","img/intro/D0034.png","img/intro/D0035.png","img/intro/D0036.png","img/intro/D0037.png","img/intro/D0038.png","img/intro/D0039.png","img/intro/D0040.png")
mi_imagen = 0
imgCt = mis_imagenes.length
function rotacion() {
if (document.images) {
mi_imagen++
if (mi_imagen == imgCt) {
mi_imagen = 0
}
document.rotar.src=mis_imagenes[mi_imagen]
setTimeout("rotacion()", 5 * 10)
}
}
</script>
</head>
<body onload="rotacion()">
<div id="rotar"><img name="rotar" alt="Rotar" /></div>
<div id="logo"><img src="img/intro/logo-inicio.png" alt=""><div>
</body>
</html>

la cosa es que la imagen rota pero solo si le quito el div(<div id="logo"><img src="img/intro/logo-inicio.png" alt=""><div>) o mejor dicho sino agrego otro elemento. si coloco solo la imagen que rota ella rota con naturalidad. . . pero si agrego cualquier otro elemento esta comienza a titilar. .

marlanga · #2 (**permalink**) 05/06/2013, 08:18

Código HTML:

Ver original<script language="Javascript" type="text/javascript">
var mis_imagenes = new Array("img/intro/D0000.png","img/intro/D0001.png","img/intro/D0002.png","img/intro/D0003.png","img/intro/D0004.png","img/intro/D0005.png","img/intro/D0006.png","img/intro/D0007.png","img/intro/D0008.png","img/intro/D0009.png","img/intro/D0010.png","img/intro/D0011.png","img/intro/D0012.png","img/intro/D0013.png","img/intro/D0014.png","img/intro/D0015.png","img/intro/D0016.png","img/intro/D0017.png","img/intro/D0018.png","img/intro/D0019.png","img/intro/D0020.png","img/intro/D0021.png","img/intro/D0022.png","img/intro/D0023.png","img/intro/D0024.png","img/intro/D0025.png","img/intro/D0026.png","img/intro/D0027.png","img/intro/D0028.png","img/intro/D0029.png","img/intro/D0030.png","img/intro/D0031.png","img/intro/D0032.png","img/intro/D0033.png","img/intro/D0034.png","img/intro/D0035.png","img/intro/D0036.png","img/intro/D0037.png","img/intro/D0038.png","img/intro/D0039.png","img/intro/D0040.png");
var mi_imagen = -1;
var imgCt = mis_imagenes.length;
var img;
 
function rotacion() {
mi_imagen=(mi_imagen+1)%imgCt;
img.src=mis_imagenes[mi_imagen];
setTimeout("rotacion()", 50)
}
 
window.onload=function(){
img=document.getElementById("idImagen");
rotacion();
}
</script>
 
...
<div id="rotar"><img id="idImagen" name="rotar" alt="Rotar" /></div>
...