cambiar imagen

zyon · #1 (**permalink**) 09/03/2007, 12:40

que tal, como puedo hacer q se cambie una imagen al darel clic, por ejemplo imaginemos que > y < son imagenes q me muestran u ocultan un DIV, al darle click a > quiero que aparesca el DIV pero que a la vez el > se cambie a < y biseversa, mostrar el DIV es sencillo, lo que no se me ocurre es clmo cambiar la imagen :( alguien sabe como, de antemano muchas gracias!!!

FNX_NET · #2 (**permalink**) 09/03/2007, 12:44

a no te entendi

zyon · #3 (**permalink**) 09/03/2007, 13:16

jeje, mm al darle clic a una omagen quiero q esa imagen cambie, osea si tengo la imagen de un perro, al darle clic ahora aparesca la imagen de un gato...si me explico?

FNX_NET · #4 (**permalink**) 09/03/2007, 13:24

a una imagen es sobreposicion

<a href="miperfil/perfil.php" target="mainFrame" onmouseover="MM_swapImage('Image4','','imagenes/botonera/institucion1/btn_miperfil2.gif',1)" onmouseout="MM_swapImgRestore()"><img src="imagenes/botonera/institucion1/btn_miperfil.gif" name="Image4" width="79" height="85" border="0" id="Image4" />

zyon · #5 (**permalink**) 09/03/2007, 13:46

mm no entiendo algo, ese metodo es un que creaste?, es mas no entiendo que haces jeje solo se que lo que necesito debe de ser en el OnClick..

JavierB · #6 (**permalink**) 09/03/2007, 13:55

Hola zyon

A ver si esto te sirve:

Código PHP:

  <html>
<head>
<script>
var im;
function cambia(obj) {
  document.getElementById('algo').style.display = (im) ? 'block' : 'none';
  obj.src = (im) ? 'imagen1.jpg' : 'imagen2.jpg';
  im = !im;
}
</script>
</head>
<body>
<img src="imagen1.jpg" onclick="cambia(this)" />
<div id="algo">Algo</div>
</body>
</html>

Saludos,

zyon · #7 (**permalink**) 09/03/2007, 16:38

ME sirvio a la perfeccion !!! muchas Gracias JavierB, pero una duda, no use la linea :

document.getElementById('algo').style.display = (im) ? 'block' : 'none';

por que la tengo que hacer de otro modo, pero la propiedad DISPLAY es igual a la de VISIBILITY?

y en la linea:

<img src="imagen1.jpg" onclick="cambia(this)" />

esa Diagonal del final sirve para algo en especial?

JavierB · #8 (**permalink**) 10/03/2007, 03:14

Hola de nuevo.

Si usas display='none' el objeto no se ve y no ocupa espacio en la página. Usando visibility='hidden' el objeto tampoco se ve pero queda vacío el hueco que ocupaba.

Saludos,

zyon · #9 (**permalink**) 12/03/2007, 08:53

A ok, mucjhas gracias por la aclaracion!!!!