[DUDA] Sistema de upload de fotos

[roal40]

Buenas, lo primero, presentarme, soy nuevo en el foro, aunque llevo mucho tiempo leyendo por aquí, nunca me había registrado.

Bueno, para aclarar el titulo, el sistema de upload de fotos está hecho, y se muestran las miniaturas de las imágenes, mi problema es, que al clickear en alguna de ellas, se abra un overlay que la muestre, lo unico que consigo es que se muestre la de más arriba.

¿Como podría hacer para que se muestre por ejemplo... las segunda al clickear en ella? ya que si clickeo en la segunda foto, se muestra la de más arriba (la primera).

La idea es para una red social, solo me falta eso y algunos ajustes.

Un saludo.

[Patriarka]

y mostranos el codigo, no somos magicos!

[bitbow]

Hola!

puedes colocar en un div la imagen, y en el enlace colocar como parametro el identificador de esa imagen, bueno estoy pensando en que se muetre la miniatura y al dar clik en ella se muestre la imagen en resolucion mayor, es esto lo que requieres?

Saludos.

[roal40]

Iniciado por bitbow

Hola!

puedes colocar en un div la imagen, y en el enlace colocar como parametro el identificador de esa imagen, bueno estoy pensando en que se muetre la miniatura y al dar clik en ella se muestre la imagen en resolucion mayor, es esto lo que requieres?

Saludos.

Si, es eso lo que quiero, siento no explicarme mejor, ahora pongo codigo :)

[roal40]

Aquí les dejo el codigo en cuestión :)

Código PHP:

  <?
echo "<div>
                        <img width=\"30\" height=\"30\" src='getfile.php?id_documento={$obj->id_documento}' alt='$obj->titulo' onClick=\"document.getElementById('light_box_imagen').style.display='block';document.getElementById('fade_imagen').style.display='block'\" />
                </div>
                <hr />";
                ?>   

Código HTML:

<div id="light_box_imagen" class="white_content">
                                    <div id="botoncerrar"><a href = "javascript:void(0)" onclick = "document.getElementById('light_box_imagen').style.display='none';document.getElementById('fade_imagen').style.display='none'"><img src="css/img/cancel.png" width="30" height="30"></a></div>
	 <div id="contenido_light_box">
          <div id="contenidofoto">
<? 
echo "<img width=\"420px\" height=\"250px\" src='getfile.php?id_documento={$obj->id_documento}' alt='$obj->titulo' />";
?>
                    </div>
                    </div>
                    </div>
    <div id="fade_imagen" class="black_overlay"></div> 

Edito: Ya lo arreglé, de una forma algo... asquerosa, pero funciona, un saludo :)