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:
Y lo utilizo de esta forma 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; }
Código:
El problema es que solo funciona en Internet explorer, no encuentro el motivo.<img src="img/btn_1.jpg" id="btn_1" name="btn_1" onmouseover="imgChange(this.name,1)" onmouseout="imgChange(this.name,0)" />
Reemplaze la funcion por otras que abundan por el foro como:
Código:
Incluso probe directamente con el IDnombre_img.src='img_nueva.jpg'
Código:
Pero en firefox no funciona, lo raro es que tampoco me envia ERROR...document.getElementById(name).src = ....
A ver si alguien sabe que esta pasando :s
Abrazos!