Buenas noches, no se bien como explicar mi duda, tengo unas imágenes guardadas en mi base de datos con su respectiva información (nombre, dimensiones, categoría, etc) y estas imágenes las muestro por orden de "ID" hasta aqui todo bien, pero lo que quiero es que al hacer clic en cada imagen aparezca un DIV (utilizo java script para mostrar/ocultar divs) en el cual se muestre la información de la imagen a la que se hizo el clic.
Código PHP:
<?PHP
$qry = "SELECT * FROM imagenes ORDER BY id ASC";
$rst = mysql_query($qry);
while ($img = mysql_fetch_array($rst)){
?>
<section onClick="mostrar()" class="imagen" style="background:url(<?PHP echo $img['imagen']; ?>);background-size: 180px auto;">
<div class="nombre"><?PHP echo $img['nombre']; ?></div>
</section>
<!-- Sección oculta -->
<section id="info-box">
<div class="cerrar icon-close" onClick="ocultar()"></div>
<div id="info">
<!-- Aquí quiero colocar la información de la imagen a la que se le hizo clic -->
</div>
</section>
<?PHP } ?>
Código:
function mostrar(){
document.getElementById('info-box').style.display = ('block');}
function ocultar(){
document.getElementById('info-box').style.display = ('none');}
Espero que me puedan ayudar, y desde ya les agradezco.