Hola
Prueba con este. Ocupa texto e imágenes vinculadas. Modificalo a tus necesidades
Código javascript
:
Ver original<html>
<head>
<title>Rotador de banners</title>
<script language="JavaScript" type="text/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;
</script>
</HEAD>
<body>
<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>
</body>
</html>
Suerte