Hola, buenos días, soy un principiante en tema y he conseguido un script que me funciona con firefox para rotar banners. Estoy contento porque me funciona bien, pero quisiera saber si es posible añadir más lineas (banners). Perdonad mi ignorancia pero no sé como hacerlo.
Gracias anticipadas por la atención.
Un saludo.
Adjunto el código.
<HEAD>
<TITLE>Rotador de banners</TITLE>
<script type="text/javascript" language="JavaScript">
<!--
// funciona en Internet Explorer 5.5+, Mozilla, Firefox y Opera 7
// El array de arrays "banners" almacenará la información necesaria de los banners que vamos a rotar.
// las urls son ficticias, y la carpeta y el nombre de los banners pueden ser otros
// se dan el ancho y alto de cada banner en píxeles
var banners = new Array();
banners[0]= new Array("dirección web","carpeta/banner0.jpg","480","68" ) ;
banners[1]= new Array("dirección web1","carpeta/banner1.jpg","480","80" ) ;
banners[2]= new Array("dirección web 2","carpeta/banner2.jpg","480","100" ) ;
// variable que contendrá el tiempo que tardará en cabiarse el banner:
var tiempo = 3000; // cuenta en milisegundos por lo tanto cambia cada 3 segundos.
var numero_banner = 0; //almacenará el número del banner que se mostrará, este es su valor inicial.
// función que cambia el número de banner que se visualizará.
// Esta función se llamará por primera vez cuando se cargue la página, cuando se de onload();
function cambia_numero_banner(){
numero_banner++;
if (numero_banner >= banners.length) numero_banner= 0;
rotabanner(numero_banner);
setTimeout("cambia_numero_banner()", tiempo);
}
// función que dibuja el banner en la tabla
function rotabanner(numero_banner){
var anuncio = "";
anuncio = "<a href='"+banners[numero_banner][0]+"' target='_blanck'>";
anuncio += "<img src='"+banners[numero_banner][1]+"' border='0' width='";
anuncio += banners[numero_banner][2] +"' height='"+ banners[numero_banner][3]+"'></a>";
document.getElementById('lugar_anuncio').innerHTML = anuncio;
}
//-->
</script>
</HEAD>
<BODY onload="cambia_numero_banner();">
<table border='0' width='500'>
<tr>
<td align='Center' valign='top'>
<div id="lugar_anuncio">
<a href="dirección web0" target="_blanck"><img src="carpeta/banner0.jpg" width="480" heigth="68"></a>
</div>
</tr>
</table>
</BODY>
</HTML>
