P.- ¿Cómo puedo realizar un rotador de banners sencillo?
R.- Probado en: IE 5+, Netscape 7, Opera 7, Firefox 1
[Ejemplo]
Código:
<script>
// Rotador de banner's . Carlitos. [email protected]
var ban = new Array()
var enl = new Array()
var indice = 0
ban[0] = new Image()
ban[0].src = "mdw.gif"
enl[0] = "http://www.maestrosdelweb.com"
ban[1] = new Image()
ban[1].src = "faq.gif"
clara[1] = "http://www.faqsdelweb.com"
ban[2] = new Image()
ban[2].src = "script.gif"
enl[2] = "http://www.webtutorial.com.ar/scriptmaster/"
ban[3] = new Image()
ban[3].src = "webest.gif"
enl[3] = "http://www.webestilo.com"
function rota()
{
if (indice == ban.length) indice = 0
if (document.images)
{
document.images.fotico.src = ban[indice].src
}
else
{
document.getElementById('fotico').src=ban[indice].src
}
indice++
setTimeout('rota()',2000)
}
function vete()
{
window.open(enl[indice-1])
}
</script>
<body onload=rota()>
<img src="" id="fotico" onclick="vete()">