De un lado tengo 3 divs de 130x130px, con sus ids imagen1
imagen2
imagen3
, donde muestro mediante una consulta a la bd y un ciclo 3 imagenes distintas (de la bd traigo la ruta).
La primera imagen tambien la cargo en el div principal detalle_foto
. Hasta aqui todo bien. Necesito que al hacer click en cualquiera de las 3 imagenes, esta se muestre en el div principal. Pienso que tendré que hacer una función e invocarla con onclick
del img.
Estuve intentando pero no me sale, no sé como pasar la variable con la ruta de la foto desde html/php
y que la tome una función javascript
, ¿O quizás no es la forma? Copio la parte del código.
<div id="caja_001">
<div id="imagen1"><img src="<?php echo $imagen?>" width="130px" height="130px"></div>
<div id="imagen2"><img src="<?php echo $imagen2?>" width="130px" height="130px"></div>
<div id="imagen3"><img src="<?php echo $imagen3?>" width="130px" height="130px"></div>
</div>
<div id="caja_002">
<div id="detalle_titulo"><h3><?php echo $nombre?></h3></div>
<div id="detalle_foto"><img src="<?php echo $imagen?>" width="200px" height="200px"></div>
<div id="detalle_desc"><p><?php echo $desc?></p></div>
</div>