Código HTML:
Ver original
<!DOCTYPE html> <html> <head> <!--<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()"> </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. .