Foros del Web » Programando para Internet » Javascript »

Transición de Banner + texto

Estas en el tema de Transición de Banner + texto en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/04/2009, 04:41
Avatar de sanjo  
Fecha de Ingreso: enero-2005
Mensajes: 404
Antigüedad: 20 años
Puntos: 0
Transición de Banner + texto

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>
__________________
¿Quiere echarte unas risas y ver cosas espectaculares?
Nomeessentado.com
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:59.