Banners Aleatorios - Carlitox en la Web

Algo que siempre se busca en algunas páginas de negocios es la publicidad constante, en el siguiente ejemplo lo que haré es mostrar el script de como hacer esto posible, para comenzar cargamos el código a nuestra página.

<script language="javascript" type="text/javascript">

//numero de banners definidos en la seccion de definicion de banners
var numero_de_banners = 3

//parametros comunes (texto alternativo, enlace, fuente, ...)
var enlace_a_pagina = 'http://MI PAGINA/'
var texto_de_enlace = 'TITULO'
var texto_alternativo = 'TITULO ALTERNATIVO'
var fuente = 'verdana'
var tamano = '2'

//definicion de banner
var url_1 = 'LINK1'
var imagen_1 = 'IMAGEN1'
var descripcion_1 = 'DESCRIPCION1'

var url_2 = 'LINK2'
var imagen_2 = 'IMAGEN2'
var descripcion_2 = 'DESCRIPCION2'

var url_3 = 'LINK3'
var imagen_3 = 'IMAGEN3'
var descripcion_3 = 'DESCRIPCION3'

var url_4 = ''
var imagen_4 = ''
var descripcion_4 = ''

var url_5 = ''
var imagen_5 = ''
var descripcion_5 = ''

var url_6 = ''
var imagen_6 = ''
var descripcion_6 = ''

var url_7 = ''
var imagen_7 = ''
var descripcion_7 = ''

var url_8 = ''
var imagen_8 = ''
var descripcion_8 = ''

var url_9 = ''
var imagen_9 = ''
var descripcion_9 = ''

var url_10 = ''
var imagen_10 = ''
var descripcion_10 = ''

//--->

var banner_0 = '<p align="center"><a href="'+url_1+'" target="_blank">
<img border="0" src="'+imagen_1+'" alt="'+descripcion_1+'"></a>n'
var banner_1 = '<p align="center"><a href="'+url_2+'" target="_blank">
<img border="0" src="'+imagen_2+'" alt="'+descripcion_2+'"></a>n'
var banner_2 = '<p align="center"><a href="'+url_3+'" target="_blank">
<img border="0" src="'+imagen_3+'" alt="'+descripcion_3+'"></a>n'
var banner_3 = '<p align="center"><a href="'+url_4+'" target="_blank">
<img border="0" src="'+imagen_4+'" alt="'+descripcion_4+'"></a>n'
var banner_4 = '<p align="center"><a href="'+url_5+'" target="_blank">
<img border="0" src="'+imagen_5+'" alt="'+descripcion_5+'"></a>n'
var banner_5 = '<p align="center"><a href="'+url_6+'" target="_blank">
<img border="0" src="'+imagen_6+'" alt="'+descripcion_6+'"></a>n'
var banner_6 = '<p align="center"><a href="'+url_7+'" target="_blank">
<img border="0" src="'+imagen_7+'" alt="'+descripcion_7+'"></a>n'
var banner_7 = '<p align="center"><a href="'+url_8+'" target="_blank">
<img border="0" src="'+imagen_8+'" alt="'+descripcion_8+'"></a>n'
var banner_8 = '<p align="center"><a href="'+url_9+'" target="_blank">
<img border="0" src="'+imagen_9+'" alt="'+descripcion_9+'"></a>n'
var banner_9 = '<p align="center"><a href="'+url_10+'" target="_blank">
<img border="0" src="'+imagen_10+'" alt="'+descripcion_10+'"></a>n'

//--->

function banner()
{
var turno = Math.floor(Math.random(1) * numero_de_banners)
document.write(eval('banner_'+turno))
document.write('<font size="'+tamano+'" face="'+fuente+'"><a href="'+enlace_a_pagina+'" target="_blank"><br>'+texto_de_enlace+'</a>'+texto_alternativo+'</font>')
}

</script>

Y entre <body> y </body>

<script type="text/javascript" language="javascript">
<!--
banner()
//-->
</script>

Esto puede aplicarse no solo a banners, sino a distintas cosas que queramos hacer, como cargar una imagen distinta cada vez que se carga nuestra página...

Ejemplo

2 Comentarios

Escribir Comentario

Anónimo

AUTOR

13 de enero de 2015, 13:20 delete

El ejemplo no funciona, parece que te lo bajaron del hosting donde se encontraba alojado...seria bueno que reemplazaras el hosting para ver funcionando el ejemplo o tambien puedes hacer videos de tus ejemplos y publicarlos con el post (sugerencia)

Responder

Carlos Martínez

13 de enero de 2015, 13:25 delete

Gracias, estaré actualizando los enlaces del blog poco a poco, pues ya son algo mas de 4 años de esta entrada.... Saludos!!

Lamentablemente hay muchos usuarios en la red que han llegado al blog para escribir obscenidades, así que la moderación se hace necesaria. Recuerda utilizar un lenguaje correcto y espera a que sea aprobado.

Si necesitas publicar código haz click en "Conversión" para hacerlo legible.
ConversiónConversión