Banner rotante con imagen enlazada sin DB. : Mosqueando...por la web.

Banner rotante con imagen enlazada sin DB.

Como humilde contribución a este gran universo Bloggero de herramientas, widget y demás palabros informáticos y técnicos pero a la vez tan sencillamente explicado por tantos y tantos autores en sus respectivos blogs de ayuda, queremos aquí aportar humildemente un script que por mucho que buscamos nunca encontramos.Mejor dicho, nunca encontramos tal y como lo buscábamos. El caso es el siguiente, necesitábamos un sistema de banners rotantes con imagen que al hacer clic sobre ellos nos condujesen a la página del anunciante. Por más que buscamos, sólo encontrábamos los enlaces por un lado y las imágenes por otro, pero nunca uno conjunto. Todo esto, sin utilizar base de datos, claro.

Partiendo de un script de Hacktime, modificamos el código quedando de la siguiente manera:

<center><script type="text/javascript">
Url = new Array();
Img = new Array();
Url [0] = 'http://DIRECCIÓN-DE-TU-ENLACE-1';
Img [0] = '<img src="DIRECCIÓN-DE-LA-IMAGEN-1"/>';
Url [1] = 'http://DIRECCIÓN-DE-TU-ENLACE-2';
Img [1] = '<img src="DIRECCIÓN-DE-LA-IMAGEN-2"/>';
Url [2] = 'http://DIRECCIÓN-DE-TU-ENLACE-3';
Img [2] = '<img src="DIRECCIÓN-DE-LA-IMAGEN-3"/>';
X = Math.round(Math.random()*2);

document.write('<a href="' + Url[X] + '" target="_blank">' + Img[X] + '</a>')
</script></center>

Este script se puede pegar dentro de la plantilla de Blogspot como elemento nuevo HTML o directamente en la plantilla con los artilugios expandidos, para lo cual utilizaremos una herramienta de este tipo .

Para incrementa el número de banners o imágenes a mostrar se incrementan en uno cada uno de los fatores, teniendo en cuenta que a la URL[0] y a la Img [0] le corresponden los valores iniciales de la cadena, y que debemos incrementar también en su medida el valor que en la siguiente línea aparece como 2: X = Math.round(Math.random()*2);

Las imágenes o banners se cambian aleatoriamente al recargar la página.

Ejemplos de uso de este script son los banners que se muestran antes y despues de los comentarios de este post.

Mosquito lo encontró por la web a las 19:58 y lo puso en la sección de Código | 7 Zumbidos »

7 comentarios:

dalt de la vila el 20 de octubre de 2010 15:30 dijo...: Muy buen aporte! Aunque los banners ya han dejado de estar de moda...
posicionamiento el 24 de junio de 2011 08:17 dijo...: Gracias por el aporte del código, me sirvió bastante...
Nikky Menfrey el 14 de julio de 2011 01:05 dijo...: ¬¬ ... tu cochino codigo no funciona ...
Viajes para mujeres el 17 de julio de 2011 14:24 dijo...: Es una lástima, a mí tampoco me funcionó.
centralitas barcelona el 22 de septiembre de 2011 15:58 dijo...: Me pasó lo mismo, el código no me funcionó!!!
Apartamentos turísticos en Roma el 14 de octubre de 2011 06:24 dijo...: Excelente aporte, una pena que no funcione debe haber algun error
font fregona el 23 de febrero de 2012 13:00 dijo...: muchas gracias por la información. es muy interesante el post!!