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>
Copyright www.YugDesign.com
13 comentarios:
exelente codigo, pero como quito el borde azul que le pone por ser un link .. se puede quitar de alguna manera ?
muchas gracias por el codigo lo andaba buscando...
Hola Jp, me alegra saber que te sirvió. Saludos y gracias por participar
gracias me a servido para un proyecto que tenia en mente.
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
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!
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
Admin.digitalconexion.com, muchas gracias por tu aclaración. Enhorabuena por tu blog.
Un lector.
Gracias por tu aporte, de verdad me sirvio.
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
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
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
Gracias, me fui muy util...bendiciones.
Publicar un comentario