Hola
Esto es a groso modo
Código javascript
:
Ver originalvar 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:
Ver original<a href="#" onClick="window.open(url,'BannerWin');">
<img src="iconos/1.gif" /> <img src="iconos/2.gif" /> <img src="iconos/3.gif" /> <img src="iconos/4.gif" /> <img src="iconos/5.gif" />
PD: Si necesitas involucra una bd, dilo, tengo otro ejemplo en el que se usa bd
Suerte