(Roll Banner) Imagenes con enlaces que cambian, con javascript
Es un ejemplo de como poner el típico banner publicitario, necesitamos un código como éste en head:
<script language="Javascript" type="text/javascript">
<!--
adImages = new Array("Imagen1.jpg","Imagen2.jpg","Imagen3.jpg") //Pon tantas imagenes como quieras, entre "", y separadas por comas.
adURL = new Array("Web1.com","Web2.com","Web3.com") //Tantas Webs como imagenes, y en el mismo orden.
thisAd = 0
imgCt = adImages.length
function cambia() {
if (document.images) { //Función que cambia las imagenes
if (document.adBanner.complete) {
thisAd++
if (thisAd == imgCt) {
thisAd = 0
}
document.adBanner.src=adImages[thisAd]
}
setTimeout("cambia()", 3 * 100)
}
}
function web() { //Funcion que cambia las webs
document.location.href="http://www." + adURL[thisAd]
}
-->
</script>
Con body deveremos cargar la funcion cambia de esta manera: <body onload="rotate()">
Y donde queramos poner el banner deberemos poner un enlace como éste:
<a href="javascript:web()"><img src="Imagen1.jpg" width="x" height="x" name="adBanner" border="0" alt="ad banner" /></a> //En src poner una de las imagenes del banner, y en width y height poner el tamaño que quereis que tenga el banner.
0 comentarios