buenas tengo estas un problema con una imagen que se rota
Código HTML:
Ver original<!DOCTYPE html>
<!--<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)
}
}
<body onload="rotacion()"> <div id="rotar"><img name="rotar" alt="Rotar" /></div> <div id="logo"><img src="img/intro/logo-inicio.png" alt=""><div>
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. .