Diseño Web, Registro de dominio y Hospedaje Web

miércoles, 22 de julio de 2009

¿Como insertar un Banner rotativo en mi Web?

Con este sencillo codigo, usted podra insertar banners con imagenes sencillas o con animaciones en Giff animado. Ejemplo:


Simplemente copie y pegue este codigo en donde desee su banner y cambie el url de las imagenes y el url de destino de cada banner.

<SCRIPT language=JavaScript>
/*
+---------------------------------------------------------+
| Ad Simple                 Copyright www.YugDesign.com   |
+---------------------------------------------------------+
| This program may be used and hosted free of charge by   |
|anyone for personal purpose as long as this copyright    |
|notice remains intact.                                   |
+---------------------------------------------------------+
*/

var img_width = "468";
var img_height = "60";
var img_title = "Click Here";


var ad=new Array()
//insert here your images src
ad[0]='http://www.site.com/image1';
ad[1]='http://www.site.com/image2';
ad[2]='http://www.site.com/image3';
ad[3]='http://www.site.com/image4';
ad[4]='http://www.site.com/image5';

var links=new Array()
//insert here your links
links[0]='http://www.links1';
links[1]='http://www.links2';
links[2]='http://www.links3';
links[3]='http://www.links4';
links[4]='http://www.links5';

var xy=Math.floor(Math.random()*ad.length);
document.write('<a href="'+links[xy]+'" target="_blank"><img src="'+ad[xy]+'" width="'+img_width+'" height="'+img_height+'" alt="'+img_title+'"></a>');
</SCRIPT>




12 comentarios:

Harold dijo...

exelente codigo, pero como quito el borde azul que le pone por ser un link .. se puede quitar de alguna manera ?

JP dijo...

muchas gracias por el codigo lo andaba buscando...

Admin.digitalconexion.com dijo...

Hola Jp, me alegra saber que te sirvió. Saludos y gracias por participar

artesweb dijo...

gracias me a servido para un proyecto que tenia en mente.

Admin.digitalconexion.com dijo...

Excelente que les halla sido de utilidad. Los invito a usar el botón +1 de Google para que este post se difunda. Gracias por su apoyo

chorizos_ibericos dijo...

HOla,

He insertado el código tal y como aparece, pero el banner no sigue la rotación contínua. Si actualizo la página, efectivamente escoge otra de las imágenes al azar, pero si permanezco en ella no varía. ¿Me puedes echar una mano, por favor?

El blog es: http://chorizosibericos.blogspot.com

Gracias!

Admin.digitalconexion.com dijo...

chorizos_ibericos recuerda que justamente la función de un banner rotativo es que cuando la pagina se actualiza el cambie de banner, si lo que deseas es un banner animado, solo tienes que hacerlo en .gif o flash.

Saludos

chorizos_ibericos dijo...

Admin.digitalconexion.com, muchas gracias por tu aclaración. Enhorabuena por tu blog.

Un lector.

L. dijo...

Gracias por tu aporte, de verdad me sirvio.

fresa dijo...

hola te podria preguntar como hacer un banner rotativo con enlaces cosa que uno loo cliquee y te envie a otra pag de la misma
algo como este http://www.mientraslees.com/search/label/Rese%C3%B1as

Admin.digitalconexion.com dijo...

Hola Fresa, eso depende. Primero recuerda que cuando hablamos de un banner rotativo nos referimos a que cada vaz que actualices la pagina cambia el banner ( sea una imagen o un banner animado)

Si el banner es una imagen solo debes añadir la etiqueta de enlace de tu imagen, si es animado, debes insertar el enlace en el código de la animación

De todas formas, si tienes mas preguntas, no dudes en preguntarnos

Saludos.

Juan Sapene
Www.digitalconexion.com

Admin.digitalconexion.com dijo...

Excelente que les halla sido de utilidad. Los invito a usar el botón +1 de Google para que este post se difunda. Y compartirlo en twitter o facebook.

Gracias por su apoyo