Hola gente!
Estoy queriendo hacer que al pasar el mouse sobre una imagen esta cambie por otra y al sacar el mouse vuelva a la imagen principal, el codigo que uso es este:
Código:
var form1=new Array()
form1[0]=new Image()
form1[0].src="img/btn_1.jpg"
form1[1]=new Image()
form1[1].src="img/btn_1_over.jpg"
form1[2]=new Image()
form1[2].src="img/btn_2.jpg"
form1[3]=new Image()
form1[3].src="img/btn_2_over.jpg"
form1[4]=new Image()
form1[4].src="img/btn_3.jpg"
form1[5]=new Image()
form1[5].src="img/btn_3_over.jpg"
form1[6]=new Image()
form1[6].src="img/btn_4.jpg"
form1[7]=new Image()
form1[7].src="img/btn_4_over.jpg"
form1[8]=new Image()
form1[8].src="img/btn_5.jpg"
form1[9]=new Image()
form1[9].src="img/btn_5_over.jpg"
function imgChange(name,img) {
document.images[name].src = form1[img].src;
}
Y lo utilizo de esta forma
Código:
<img src="img/btn_1.jpg" id="btn_1" name="btn_1" onmouseover="imgChange(this.name,1)" onmouseout="imgChange(this.name,0)" />
El problema es que solo funciona en Internet explorer, no encuentro el motivo.
Reemplaze la funcion por otras que abundan por el foro como:
Código:
nombre_img.src='img_nueva.jpg'
Incluso probe directamente con el ID
Código:
document.getElementById(name).src = ....
Pero en firefox no funciona, lo raro es que tampoco me envia ERROR...
A ver si alguien sabe que esta pasando :s
Abrazos!