No has iniciado sesión
Conectar al sistema | Registrar usuario
Foros Mensajes No contestados Conversaciones Mensaje
 

Como intercambiar imagen dinamica onclick php

Hola tengo la siguiente consulta: (estoy utilizando dreamweaver)
Tengo la tipica galeria de imágenes que al hacer onclik quiero que me salga la misma imagen en otra div,
al tener esta ruta de imagen dinámica la imagen no tiene nombre concreto con lo cual no se como especificar que imagen se tiene que intercambiar : <img src="imagenes/<?php echo $row_alfa['id_img1']; ?>"/>.
Alguien sabría decirme como utilizo el onclick con este código php?

Muchas gracias por la ayuda!!
0 votos
Preguntado hace 1 años y 297 dias por sergio3000  4 mensajes  
 

Re: Como intercambiar imagen dinamica onclick php

hola sergio lo logico seria usar javascript ya que estas del lado del cliente y no del servidor. ahora podes hacer lo siguiente.

onClick es un evento, por lo tanto cuando el click tiene lugar sobre el "objeto imagen" (en este caso) vas a llamar una funcion con la tarea especifica de mostrar esa misma imagen sobre otro div, entonces vamos con la funcion
 
000 
001 
002 
003 
004 
005 
006 
007 

<script>
function mostrarimagen(original){
copia = document.getElementById('salida');
copia.src=original;
}
</script>
 
ahora vamos con todo el codigo para que veas como queda
 
000 
001 
002 
003 
004 
005 
006 
007 
008 
009 
010 
011 
012 
013 
014 
015 
016 
017 
018 
019 
020 
021 
022 
023 
024 

<html>
<head>
 
<script>
function mostrarimagen(original){
copia = document.getElementById('salida');
copia.src=original;
}
</script>
 
</head>
<body>
 
<img src="imagenes/<?php echo $row_alfa['id_img1']?>" onclick="mostrarimagen(this.src);" alt="">
 
<!-- - este es tu div --->
<div>
  <img id="salida" src="" alt="">
</div>
 
</body>
</html>
 
 
lo sencillo que hace esto, tomar la direccion del primer "objeto imagen" y llevarla al src del segundo "objeto imagen" ubicado dentro del otro div. entonces al hacer click sobre la imagen de la galeria esta se ve dentro del otro div

salu2
1 votos
Respuesto hace 1 años y 297 dias , editado  hace 1 años y 297 dias por genaizir  176 mensajes  
 

Re: Como intercambiar imagen dinamica onclick php

Hola muchas gracias por tu ayuda! lo he probado y me ha ido genial!!

Gracias!![;]
0 votos
Comentado hace 1 años y 294 dias por sergio3000  4 mensajes  
 

Re: Como intercambiar imagen dinamica onclick php

Hola, lo que me dijiste me fue genial, pero al cargar la pagina tengo la foto en grande donde tengo este codigo : <img src="imagenes/<?php echo $row_alfa['id_img1']; ?>"/> y luego abajo tengo fotos pequenas que son las que al hacer onclick las intercambio con la grande, al poner el codigo que me dijiste: <img id="salida" src="" alt=""> me salen dos imagenes grandes, como lo hago para que la imagen que se intercambie se quede en e espacio de esta imagen?:<img src="imagenes/<?php echo $row_alfa['id_img1']; ?>"/>

muchas gracias!!.
0 votos
Preguntado hace 1 años y 294 dias por sergio3000  4 mensajes  
 

Re: Como intercambiar imagen dinamica onclick php

Hola! perdona la molestia! ya he encontrado la solución borre el código de la imagen grande: <img src="imagenes/<?php echo $row_alfa['id_img1']; ?>"/> y puse solo el tuyo <img id="salida" src="" alt=""> y en src puse "imagenes/<?php echo $row_alfa['id_img1']; ?>".

Grcias otra vez! :)
0 votos
Respuesto hace 1 años y 294 dias por sergio3000  4 mensajes  
 

Re: Como intercambiar imagen dinamica onclick php

de nada sergio !
0 votos
Comentado hace 1 años y 294 dias por genaizir  176 mensajes  
 
Páginas:  1 
 
Responder
No puedes responder, mensaje cerrado por inactividad