banner rotatorio

[Adler]

Hola

Esto es a groso modo

Código javascript:

var url_vector = new Array(5);
var txt_vector = new Array(5);
var banner_vector = new Array(5);
var counter = 0;
var url = "";
 
url_vector[0] = "http://www.curso1.com";
url_vector[1] = "http://www.curso2.com";
url_vector[2] = "http://www.curso3.com";
url_vector[3] = "http://www.curso4.com";
url_vector[4] = "http://www.curso5.com";
 
 
 
txt_vector[0] = "Nivel muy bajo";
txt_vector[1] = "Vas subiendo de nivel";
txt_vector[2] = "Nivel intermedio";
txt_vector[3] = "Nivel avanzado";
txt_vector[4] = "Estas hecho un hacha";
 
 
 
if(document.images){
  for(i = 0; i < 5; i++)
  {
    banner_vector[i] = new Image(62,12);
    banner_vector[i] = "iconos/" + (i+1) + ".gif";
  }
}
 
 
function changeBanner(){
    if(counter > 4)
      counter = 0;
document.getElementById("banner").innerHTML = "<img src="+banner_vector[counter]+" width='62px' height='12px' title="+txt_vector[counter]+" border='0px' />"
url = url_vector[counter];
document.getElementById("texto").innerHTML = txt_vector[counter];
document.getElementById("banner_peq_5").style.background="white";
document.getElementById("banner_peq_"+(counter+1)).style.background="red";
    if (counter >= 1)
document.getElementById("banner_peq_"+counter).style.background="white";     
      counter++;
    }
 
 
timer = setInterval("changeBanner()", 2000);
window.onload = changeBanner;
 

Código html:

<a href="#" onClick="window.open(url,'BannerWin');">
<div id="banner"></div>
</a>
 
<div id="texto"></div>
 
<table border="1">
<tr>
 
<td id="banner_peq_1">
<img src="iconos/1.gif" />
</td>
<td id="banner_peq_2">
<img src="iconos/2.gif" />
</td>
<td id="banner_peq_3">
<img src="iconos/3.gif" />
</td>
<td id="banner_peq_4">
<img src="iconos/4.gif" />
</td>
<td id="banner_peq_5">
<img src="iconos/5.gif" />
</td>
</tr>
</table>
 

PD: Si necesitas involucra una bd, dilo, tengo otro ejemplo en el que se usa bd

Suerte