cargar imagen en div

Crohniko · #1 (**permalink**) 23/09/2015, 16:51

Hola:

Queria saber si me podrias ayudar que al pulsar en una foto que ejerce como boton,me cargue otra imagen en otro div distinto.Muchas gracias y un saludo.

iiozoii · #2 (**permalink**) 28/09/2015, 23:52

Mira puedes apoyarte de JQuery:

Código Javascript:

Ver originalfunction cargar(div,url)
{
      $(div).load(url);
}

Y en tu enlace podrias poner:

Código HTML:

Ver original<a href="#" onclick="cargar('#tu_div', 'imagen.jpg')"><img src="tuimagen.jpg" alt="imagen"></a>
 
<div id="tu_div"></div>

Para que esto funcione deberías de tener la libreria JQuery

Crohniko · #3 (**permalink**) 06/10/2015, 08:21

Voi a probarlo,muchas gracias.

Crohniko · #4 (**permalink**) 06/10/2015, 08:37

Lo puse asi pero no va,muestra la imagen en el div "uno" pero al pulsar no muestra nada en el div "dos"

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script>
function cargar(div,url)
{
$(div).load(url);
}
</script>
<link rel="stylesheet" href="estilo.css" />

</head>

<body>
<div id="contenedor">
<div id="uno">

<a href="#" onclick="cargar('#dos', '1.jpg')"><img src="1.jpg" alt="imagen"></a>
</div>
<div id="dos">

</div>
</div>
</body>
</html>