Hola quiero hacer un banner tipo al que parece en la web de:
http://www.los40.com http://www.alaplaya.com
Ya he hecho que se mueva el banner y que se le asigne una url para que cuando pinches en el te lleve a una web u otra, pero me faltan 2 cosas y no mucho de javascript.
Quiero poner un campo de texto abajo que vaya cambiando y además de eso unos numeros que dependiendo de en que banner este se vayan marcando.
Como puedo arreglar mi código???? Existe alguna herramienta???
Código:
<html>
<head>
<title>Rotador de banners</title>
</head>
<BODY style="font-family: Verdana; font-size:10pt">
<center>
<script language="JavaScript" type="text/JavaScript"><!--
var url_vector = new Array(6);
var txt_vector = new Array(6);
var banner_vector = new Array(6);
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";
url_vector[5] = "http://www.curso6.com";
txt_vector[0] = "Curso 1";
txt_vector[1] = "Curso 2";
txt_vector[2] = "Curso 3";
txt_vector[3] = "Curso 4";
txt_vector[4] = "Curso 5";
txt_vector[5] = "Curso 6";
if(document.images){
for(i = 0; i < 6; i++)
{
banner_vector[i] = new Image(457, 247);
banner_vector[i].src = "imagenes/curso" + (i+1) + ".jpg";
}
}
function changeBanner(){
if(counter > 5)
counter = 0;
document.banner.src = banner_vector[counter].src;
document.banner.title = txt_vector[counter];
url = url_vector[counter];
counter++;
}
var timer = window.setInterval("changeBanner()", 2000);
</script>
</HEAD>
<body>
<a href="#" title="" onClick="window.open(url,'BannerWin');">
<img src="imagenes/curso1.jpg" width="457" height="247" title="" border=0 name="banner">
</a>
</body>
</html>