Javascript - Sencillo Rotador de Banners
Códigos Javascript
Es una de las formas mas sencillas de hacer un rotador de banners, donde puedes agregar todas los banners que quieras.
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Comentado en el script
Para ver el funcionamiento del codigo debes refrescar la pagina.
En el ejemplo hemos puesto la misma imagen del banner en los 3 a rotar.
CODIGO
# Codigo ofrecido por Tutores.org
- <SCRIPT LANGUAGE="JavaScript">
- // codigo ofrecido pro tutores.org
- <!-- Numero de Banners
- var cuantos_banners = 3;
- var now = new Date()
- var sec = now.getSeconds()
- var ad = sec % cuantos_banners;
- ad +=1;
- if (ad==1) {
- txt="Banner 1 - Tutores.org"; // Texto
- url="http://www.tutores.org"; // tu url
- alt="Tutores"; // Alt de la imagen
- banner="http://www.tutores.org/tutores/banners/1.gif"; // Direccion del banner
- width="468"; // Ancho del banner
- height="60"; // Alto del banner
- }
- // modificar para segundo banner
- if (ad==2) {
- txt="Banner 2- Tutores.org";
- url="http://www.tutores.org";
- alt="Tutores";
- banner="http://www.tutores.org/tutores/banners/1.gif";
- width="468";
- height="60";
- }
- // modificar para tercerf banner
- if (ad==3) {
- txt="Banner 3 - Tutores.org";
- url="http://www.tutores.org";
- alt="Tutores";
- banner="http://www.tutores.org/tutores/banners/1.gif";
- width="468";
- height="60";
- }
- document.write('<center>');
- document.write('<a href="' + url + '" target="_top">');
- document.write('<img src="' + banner + '" width=')
- document.write(width + ' height=' + height + ' ');
- document.write('alt="' + alt + '" border=0><br>');
- document.write('<small>' + txt + '</small></a>');
- document.write('</center>');
- // Fin del codigo -->
- </SCRIPT>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Sencillo Rotador de Banners" href="http://www.tutores.org/codigo/658/" target="_blank">Sencillo Rotador de Banners</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Sencillo Rotador de Banners" href="http://www.tutores.org/codigo/658/" target="_blank">Sencillo Rotador de Banners</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
chaku
18-06-2007 01:26:49
5
5
Hola tutores!!! habra alguna forma de hacer esta rotacion de imagenes en banners de formato .swf (flash) lo he intentado con todos los scripts que aqui comentan de rotacion de imagenes, banners y fondos pero no me funciona para .swf, gracias por su respuesta.
INSERTAR COMENTARIO