Foros del Web - Ver Mensaje Individual

Naahuel · #2 (**permalink**) 27/05/2011, 11:06

Bueno 3 cosas:
1- La imagen no funciona (me sale esto: http://imageshack.us/img/blocked_login.jpg )
2- No podés agregar imágenes a tu post porque eres nuevo. Creo que tenés que tener 30 días registrado para poder hacerlo y cierta cantidad mínima de posts.
3- Si entendí correcto, esto es lo que querés:
http://jsbin.com/iwesi3

Es un código que hice rápidito. Podés ver si vas a "Edit" arriba a la derecha el código fuente. Es este:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<title>JS Bin</title>
</head>
<body>
  
  <p><img width="400" height="400" id="mostrar_aca" src="http://funversion.universia.es/cinetv/reportaje/homer3.jpg" /></p>
  
  <p><a href="http://funversion.universia.es/cinetv/reportaje/homer3.jpg" onclick="cambiarImagen(this.href); return false;">Homero</a>
 <a href="http://www.luiscordero.com/lisa_simpsons/retrato_lisa.jpg" onclick="cambiarImagen(this.href); return false;">Lisa</a>
    <a href="http://2.bp.blogspot.com/_72Pqm35tEiU/SbWFYpp0m4I/AAAAAAAAGbs/zaQ-K_cqY0g/s400/maggie_atp.gif" onclick="cambiarImagen(this.href); return false;">Maggie</a></p>
  
  
</body>
</html>

Y este el javascript:

Código Javascript:

Ver originalfunction cambiarImagen(src){
  document.getElementById('mostrar_aca').src = src;
}

Lo importante es que tu <img> que tendrá las imagenes debe tener el id "mostrar_aca" o alguno que vos quieras. Además, cada enlace debe tener el siguiente atributo onclick:

Código Javascript:

Ver originalcambiarImagen(this.href); return false;

Llama a la función cambiarImagen() pasándole como atributo lo que tiene en el "href". Además tiene un return false que evita que el click en el link haga lo que tiene que hacer (navegar fuera de la página).

Espero esté claro. Un saludo.