PDA

Ver la Versión Completa : ayuda con galeria de imagen



ucatolica
30/07/2011, 13:07
Hola a todos, estoy haciendo una pagina y encontre una galeria que me gusto mucho pero no se como dejarla funcional

esta es la idea

http://**************/photo/my-images/215/pictureii.png/

el codigo de la pagina es :

div class="big_pic"><img src="images/big_pic.jpg" width="282" height="212" alt="" title="" class="img_big_pic" /></div>

<div class="pictures_thumbs">
<h3>Pictures available:</h3>
<a href="#"><img src="images/thumb.jpg" width="104" height="78" border="0" alt="" title="" class="img_thumb" /></a>
<a href="#"><img src="images/thumb.jpg" width="104" height="78" border="0" alt="" title="" class="img_thumb" /></a>


</div>

donde Big_pic es la foto grande y pictures_thumbs son las pequeñas. Quiero saber como puedo hacer que al momento de hacer click en la imagen pequeña aparezca en el recuadro grande.

Ojala me puedan ayudar.

Gracias

cavoso
30/07/2011, 23:26
prueba colocando un link desde la imagen pequeña a la imagen grande, donde tome solamente el nombre de la imagen y que en la direcion quede asi fotos.php?pic=grande.jpg y en el enlace lo colocas como <a href="fotos.php?pic=grande.jpg"><img src="imagen pequeña" /></a>
y sobre la muestra de imagen colocas <div class="big_pic"><img src="images/<? echo $_get["pic"];?>" width="282" height="212" alt="" title="" class="img_big_pic" /></div>
intenta con eso, eso te hace algo mas dinamico tu galeria y la forma en que la muestras, ahora tambien existen galerias en ajax y jquery que seria lo mas ideal para galerias, mas que php ya que de esa forma la gente comun no veria el nombre del archivo de la imagen

El Fin
07/08/2011, 18:56
Parece que se borró mi post pero lopongo denuevo jojojo.

Aquí adjunto un ejemplo de galería estática en javascript:

http://diferroz.cl/subir/archivos/galeria_javascript.zip

No usa ajax pero las fotos debe actualizarse de forma manual. Un Saludo.