cambiar SRC de un IMG

[jam1138]

Iniciado por JavierB

Hola jam1138
Me ha parecido que intentas leer el atributo hsrc de cada imágen:
Pero no veo ese atributo en ninguna imágen de la página

Saludos JavierB
Veo que viste el código fuente. La función que está ahí es para cambiar la imagen al pasar sobre ella... la cuál me funciona perfecto, pero quiero que cambie AL HACER CLICK en ella. aunque quizá se mejor con una combinación de ambas.. que cambie al pasar por ella y se quede así si se le da click... .

Ahora bien... para hacer lo que necesito hice mi función aparte de lo más sencillo (lo que he mostrado)... pero! aparentemente hay un problema con el atributo onClick de una imagen en Netscape... pero si llamo a la función desde el enlace pasandole la id manualmente (<a onClick="cambiar('des5')">) no me la ejecuta... ¿?.

También he intentado adaptar la función que viste, pero no he conseguido buenos resultados. El problema básicamente es que no logro que el onCick y el onmouseout "se lleven bien". He logrado que al hacer click se conserve la segunda imagen... pero por el onmuoseout me la regresa a la original y si quito el onmuoseout.. el onmouseover me cambia la imagen... pero ya no hay nada que la regrese a la original... .

Ok.. probemos con esa función:

Código:

	function init() {
	  if (!document.getElementById) return
	  var imgOriginSrc;
	  var imgTemp = new Array();
	  var imgarr = document.getElementsByTagName('img');
	  for (var i = 0; i < imgarr.length; i++) {
		if (imgarr[i].getAttribute('hsrc')) {
			imgTemp[i] = new Image();
			imgTemp[i].src = imgarr[i].getAttribute('hsrc');
			imgarr[i].onmouseover = function() {
				imgOriginSrc = this.getAttribute('src');
				this.setAttribute('src',this.getAttribute('hsrc'))
			}
			imgarr[i].onmouseout = function() {
				this.setAttribute('src',imgOriginSrc)
			}
		}
	  }
	}
	onload=init;

entonces mi enlace estaria asi:

Código:

<td align="center"><a href="archivo.php?archivo=nombre.ext"><img src="Des_01.gif" hsrc="Des_02.gif" border="0" align="top"></a></td>

PERO! () parece que igual hay un problema con el Netscape e Iexplorer5 con el atributo hsrc ... ni a cuál irle...

Solo decir que sí me funcionó con FireFox e Iexplorer el poner la imagen oculta... Mil gracias por la atención... y sus enseñanzas. Saludos!