Dejo aquí los códigos:
Código java script para la cabeza del documento:
Código Javascript:
Ver original
<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:
Ver original
<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 :)