Foros del Web » Creando para Internet » Diseño web »

cargar imagen en div

Estas en el tema de cargar imagen en div en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/09/2015, 16:51
 
Fecha de Ingreso: septiembre-2015
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
cargar imagen en div

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.
  #2 (permalink)  
Antiguo 28/09/2015, 23:52
 
Fecha de Ingreso: septiembre-2015
Mensajes: 1
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: cargar imagen en div

Mira puedes apoyarte de JQuery:

Código Javascript:
Ver original
  1. function cargar(div,url)
  2. {
  3.       $(div).load(url);
  4. }

Y en tu enlace podrias poner:
Código HTML:
Ver original
  1. <a href="#" onclick="cargar('#tu_div', 'imagen.jpg')"><img src="tuimagen.jpg" alt="imagen"></a>
  2.  
  3. <div id="tu_div"></div>

Para que esto funcione deberías de tener la libreria JQuery
  #3 (permalink)  
Antiguo 06/10/2015, 08:21
 
Fecha de Ingreso: septiembre-2015
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: cargar imagen en div

Voi a probarlo,muchas gracias.
  #4 (permalink)  
Antiguo 06/10/2015, 08:37
 
Fecha de Ingreso: septiembre-2015
Mensajes: 3
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: cargar imagen en div

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">
<!--<iframe name="menu" src="menu/menu.html" width="400" height="550" frameborder="0">Tu navegador no soporta frames!!</iframe>-->
<a href="#" onclick="cargar('#dos', '1.jpg')"><img src="1.jpg" alt="imagen"></a>
</div>
<div id="dos">


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

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:05.