[APORTE] Rotador de banners Java Script

[luisgzafra]

Hola, me gustaría compartir con los foreros de aquí un rotador de banners, ya que muchos seguro que quieren rotar sus banners y ese tipo de cosas.

Dejo aquí los códigos:

Código java script para la cabeza del documento:

Código Javascript:

<script language="javascript" type="text/javascript">
 
//indica aqui el numero de banners
var numBanners = 4
 
//indica aqui el color de fondo para el recuadro que contiene el banner ('' si transparente)
var color = '#CCE1F2'
 
//una variable por banner, numeradas empezando por 0
var banner0 = '<img src="imagen1"></img>\n'
var banner1 = '<img src="img2"></img>\n'
var banner2 = '<img src="/img3"></img>\n'
var banner3 = '<img src="img4"></img>\n'
 
function MuestraBanner() {
    var bgcolor = (color != '') ? ' BGCOLOR="' + color + '"' : ''
    var numero = Math.floor( Math.random(1) * numBanners)
    document.write( '<TABLE BORDER="0" WIDTH="100%" CELLSPACING="0" CELLPADDING="2"><TR><TD VALIGN="center" ALIGN="center"' + bgcolor + '>\n' )
    document.write( eval( 'banner' + numero ) )
    document.write( '</TR></TD></TABLE>\n' )
}
 
 
 
 
</script>
 

Código java script para el cuerpo del documento. colocalo donde quieras que aparezcan los banners a rotar:

Código Javascript:

<p>A continuacion se muestra un <em>banner</em> creado con la funcion <b class="courier">
MuestraBanner()</b>. Si recargas la página varias veces observarás como cambia de forma
aleatoria entre 4 imágenes diferentes.</p>
<p>*</p>
<script type="text/javascript" language="javascript">
<!--
MuestraBanner()
//-->
</script>
 

Cambiando las url de las imágenes se conseguirá que funcione :)