Hola, tengo este script:
Código:
<body onload="alternar_banner()">
<script>
//creo array de imágenes
array_imagen = new Array(4)
array_imagen[0] = new Image(670,250)
array_imagen[0].src = "url1"
array_imagen[1] = new Image(670,250)
array_imagen[1].src = "url2"
array_imagen[2] = new Image(670,250)
array_imagen[2].src = "url3"
array_imagen[3] = new Image(670,250)
array_imagen[3].src = "url4"
//creo el array de URLs
array_url = new Array(4)
array_url[0] = "http://www.ibm.org/"
array_url[1] = "http://www.microsoft.com/"
array_url[2] = "http://www.suse.com/"
array_url[3] = "http://www.linux.com/"
//variable para llevar la cuenta de la imagen siguiente
contador = 0
//función para rotar el banner
function alternar_banner(){
window.document["banner"].src = array_imagen[contador].src
window.document.links[0].href = array_url[contador]
contador ++
contador = contador % array_imagen.length
setTimeout("alternar_banner()",7000)
} </script>
</head>
<body onload="alternar_banner()">
<a href=""><img src="#" name="banner" width="670" height="250" border=0></a>
Pero como hago para que al poner el raton encima de cada imagen cambie a la b?
Por ejemplo con una imagen normal seria:
onmouseover="this.src ='inicio_a.png'" onmouseout="this.src = 'inicio_b.png'"
pero ahi no se como hacerlo ya que van cambiando..