rotar imagenes Esty intentando darle un efecto atractivo a mi pagina y encontré este código en este mismo foro que intente aplicar a mi pagina pero no logré que rote las imagenes sino que me muestra las 4 imagenes estáticas una junto a la otra.
la pagina donde estan estas imagenes es rotar.html
Código PHP:
<html>
<head>
<title>Rotador de publicidad</title>
<script type="text/javaScript">
var publicidad = ["images/imagen1.jpg", "images/imagen2.jpg", "images/imagen3.jpg", "images/imagen4.jpg"];
var direccion = ["rotar.html", "rotar.html", "rotar.html", "rotar.html"];
var texto = ["primera imagen", "segunda imagen", "texto", "texto"];
var contador = 0;
var url = "";
function RotarPublicidad(){
if(contador > 3)
contador = 0;
document.getElementById("publicidad").innerHTML = "<img src="+publicidad[contador]+" width='150px' height='150px' title="+texto[contador]+" border='0px' />"
url = direccion[contador];
document.getElementById("texto").innerHTML = texto[contador];
document.getElementById("publicidad_peq_3").style. background="#FFFFFF";
document.getElementById("publicidad_peq_"+contador ).style.background="#FF0000";
if (contador >= 1)
document.getElementById("publicidad_peq_"+(contado r-1)).style.background="#FFFFFF";
contador++;
}
timer = setInterval("RotarPublicidad()", 2000);
window.onload = RotarPublicidad;
</script>
</HEAD>
<body>
<a href="#" onClick="window.open(url,'Ventana');">
<div id="publicidad"></div>
</a>
<div id="texto"></div>
<table border="1">
<tr>
<td id="publicidad_peq_0">
<img src="images/imagen1.jpg" />
</td>
<td id="publicidad_peq_1">
<img src="images/imagen2.jpg" />
</td>
<td id="publicidad_peq_2">
<img src="images/imagen3.jpg" />
</td>
<td id="publicidad_peq_3">
<img src="images/imagen4.jpg" />
</td>
</tr>
</table>
</body>
</html>
Gracias desde ya
