Imagen Rotativa Java (NO FUNCIONA)

[ahDesign]

Buenos días , tengo un problemita.. Tengo un codigo javascript el cual es encargado de rotar imagenes constantemente , pero no me anda y no logro descubrir el error adjunto el codigo

Código:

<script language="javascript"> 
var frames; 
images=new Array(5); 
links=new Array(5) 
images[0]=new Image(); 
images[0].src="imagen1.gif"; 
images[1]=new Image(); 
images[1].src="imagen2.gif"; 
images[2]=new Image(); 
images[2].src="imagen3.jpg"; 
images[3]=new Image(); 
images[3].src="imagen4.gif"; 
images[4]=new Image(); 
images[4].src="imagen5.gif"; 
links[0]=new String(); 
links[0].value="http://www.sitio1.dominio/"; 
links[1]=new String(); 
links[1].value="http://www.sitio2.dominio"; 
links[2]=new String(); 
links[2].value="http://www.sitio3.dominio"; 
links[3]=new String(); 
links[3].value="http://www.sitio4.dominio"; 
links[4]=new String(); 
links[4].value="http://www.sitio5.dominio"; 
frames=0; 
function animateImages() 
{ 
document.image_placeholder.src=images[frames].src; 
book_link.href=links[frames].value; 
frames=(frames+1)%5; 
timeout_id=setTimeout("animateImages()",5000); 
} 
</script>

y mas abajo en un div tengo esto

Código:

<div class="img-rotativa_">
<a href="javascript:0" name="book_link"><img src="imagen1.gif" name="image_placeholder" border="0"></a> 
	</div>

Mas que logico que en el body tengo el onLoad="animateImages();"

Saludos.

[InKarC]

Un problemita en el selector... creo; con este codigo si sirve (probado).

Código Javascript:

function animateImages() 
{ 
document.getElementById("imagen_cambiante").src = images[frames].src;
frames ++
if (frames==4){ frames = 0 }
var timeout_id=setTimeout("animateImages()",5000); 
}
 

Obiamente necesitas que la imagen tenga ID de imagen_cambiante.

<img src="imagen1.gif" name="image_placeholder" id="imagen_cambiante" border="0">

PD: Java y Javascript son dos cosas totalmente distintas y sin relacion alguna (aparte de la similutud en el nombre claro esta)

[ahDesign]

Muchas Gracias, funcionó a la perfección dejo el codigo arreglado para quien lo necesite

Código:

<script language="javascript"> 
var frames; 
images=new Array(5); 
links=new Array(5) 
images[0]=new Image(); 
images[0].src="imagen1.gif"; 
images[1]=new Image(); 
images[1].src="imagen2.gif"; 
images[2]=new Image(); 
images[2].src="imagen3.gif"; 
images[3]=new Image(); 
images[3].src="imagen4.gif"; 
images[4]=new Image(); 
images[4].src="imagen5.gif"; 
links[0]=new String(); 
links[0].value="http://www.sitio1.dominio/"; 
links[1]=new String(); 
links[1].value="http://www.sitio2.dominio"; 
links[2]=new String(); 
links[2].value="http://www.sitio3.dominio"; 
links[3]=new String(); 
links[3].value="http://www.sitio4.dominio"; 
links[4]=new String(); 
links[4].value="http://www.sitio5.dominio"; 
frames=0; 
    function animateImages()
    {
    document.getElementById("imagen_cambiante").src = images[frames].src;
    frames ++
    if (frames==5){ frames = 0 }
    var timeout_id=setTimeout("animateImages()",5000);
    }
</script>

y donde tengas que poner la imagen colocas

Código:

<div class="img-rotativa_" onLoad="animateImages();">
<a href="javascript:0" name="book_link"><img src="imagen1.gif" name="image_placeholder" id="imagen_cambiante" border="0"></a> 
	</div>