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 | 27 Zumbidos »

27 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, 8:17 dijo...

Gracias por el aporte del código, me sirvió bastante...

Nikky Menfrey el 14 de julio de 2011, 1: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, 6: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!!

centralitas telefonicas barcelona el 17 de marzo de 2012, 13:12 dijo...

Muy interesante el blog,tiene aportes realmente útiles.

ciclo de la soja el 19 de marzo de 2012, 9:12 dijo...

Excelente! Gracias por compartirlo
Salu2!

aldesa el 1 de mayo de 2012, 19:37 dijo...

muchas gracias por el aporte. la verdad que el código me súper sirvió!!

Vitnik el 22 de mayo de 2012, 16:09 dijo...

la verdad que no sabía que se podía hacer esto. espero poder hacerlo sin problemas. muchas gracias por el dato!!

Aldesa Servicios el 7 de noviembre de 2012, 11:03 dijo...

Los banners rotativos son un tipo de banners que aparecen de forma inesperada, en el momento de abrir una nueva página o ventana emergente, ya sea por un enlace, al entrar o salir de una web. Estos banners necesariamente son de gran formato por su características de lograr el impacto visual al usuario, y poseen una animación en flash con los más avanzados e interesantes efectos. Pueden abarcar tanto 1/4 o 1/2 de la pantalla, como la pantalla completa, y son de alto costo, tanto por el diseño, como por su colocación en la web

delivery de comida el 1 de diciembre de 2012, 10:36 dijo...

Un banner rotante es un banner que se va alternando con otro de características similares cada vez que se recarga una página?

tienda de ropa online el 11 de febrero de 2013, 5:22 dijo...

Estos códigos los puedo pegar en Blogger?, me gustaría intentar tener algo así en mi blog.

Alejandro Betancourt el 29 de marzo de 2013, 16:41 dijo...

Tener un banner con imágenes cambiantes nos es de mucha ayuda si tenemos muchos banners que mostrar pero queremos ahorrarnos espacio, ya que en el mismo lugar los banners irán cambiando cada tres segundos.

Derwick Associates el 26 de abril de 2013, 17:31 dijo...

Muchas gracias por el aporte. La verdad que no estaba al tanto de este dato

Frank Holder el 13 de agosto de 2013, 15:58 dijo...

Muchas gracias por el aporte. La verdad que no sabía nada de esto

Cerrramientos Cordoba el 12 de junio de 2014, 7:03 dijo...

Necesito saber de algún tutorial para poder crear un banner, me pueden informar de alguno?

Software Mac el 17 de julio de 2014, 7:17 dijo...

Es buen tutorial, pero si me permiten una crítica constructiva, sería mejor si ponen imágenes a medida que lo van explicando.

alquileres en cordoba el 6 de septiembre de 2014, 14:10 dijo...

Es lo mismo qie Google Drive?

Programa gestion el 14 de enero de 2015, 15:20 dijo...

Gracias por la explicación, además no es un post demasiado largo, es fácil de entender.

jose conchillo el 20 de febrero de 2015, 16:37 dijo...

Gracias por el dato, manejando html no es complicado, muchos saludos!

publicidad en google el 14 de abril de 2015, 9:15 dijo...

Hola, esto es para usar en html5?

Programa gestion el 4 de mayo de 2015, 16:25 dijo...

Muchas gracias, estos códigos los agrego en lo que sería la programación de mi blog?

turbo alimentador el 28 de mayo de 2015, 11:10 dijo...

Gracias por explicar como hacerlo.

moving Tarzana el 16 de noviembre de 2016, 12:54 dijo...

Excellent, thanks for sharing this post with all the explanation.

patricia bullrich el 28 de julio de 2017, 4:39 dijo...

Lo voy a intentar hacer en mi blog y veo como queda, muchas gracias!

Publicar un comentario

Gracias por tu visita y por tu comentario