La galería de imagenes con php crece
Por Diciembre de 2005, hice un pequeño aporte publicando un script de php (con tooodas sus fallas) - Armando una galería de fotos simple con php - que permitía armar una galería de imágenes en base a la lectura de un directorio determinado, pasaron tres años y algunos meses, el script se fue enriqueciendo y no hace mucho fue motivo de un post en Cristalab (post publicado el 26/01/2009) preguntando acerca de un problemita que tenia un usuario y devino en un pequeñisimo aporte de mi parte (post publicado en caracter de aporte el 26 de enero mismo).
Recientemente fui contactado por Randy (a.k.a. flashreloco) se comunicó conmigo para contarme que al script le agrego lightbox y el resultado ha sido muy bueno, por lo que le pedí me enviara el código y aquí esta a disposición de todos la Galería de imágenes simple con php + Lightbox.
Gracias Randy y vamos por más!
15 comentarios, Comentario or Ping
flashreloco
Hola Santiago, antes que nada muchas gracias por haber tomado en cuenta este pequeño aporte, yo no hice gran cosa mas que poner mi granito de arena ya que gracias a tu ejemplo pude resolver un problema que tenia, espero les sirva este nuevo ejemplo a todos, y como comentas Santiago vamos por más…
Saludos
Randy
14-04-2009
Ginko
Hola
Me gusta este codigo, muchas gracias por tu trabajo y dedicación.
Lo he probado y me funciona a la perfección, pero ahora yo querria integrarlo en una capa dentro de un marco, pero esta linea:
$espaciadoImagenes = array(3,3,1,1); hace que se me separen todas las imagenes de la web.
Como podria hacer que solo se separasen las imagenes de la galeria y no de todas?
14-04-2009
Santiago Lobos
Ginko, me alegro te guste y te sirva lo que publique.
Respecto a tu consulta lo que deberias hacer es lo siguiente:
En donde se definen los estilos, agregarle un ID en referencia al marco, es decir, si tu codigo es
< table id="galeriaDinamica" >
< tr>< td> AQUI LA GALERIA < /td>< /tr>
< /table>
y luego modificar el estilo propiamente, mas o menos asi:
#galeriaDinamica img {
margin: < ?php echo $espaciadoImagenes[0];?>px < ?php echo $espaciadoImagenes[1];?>px < ?php echo $espaciadoImagenes[2];?>px < ?php echo $espaciadoImagenes[3];?>px;
border:< ?php echo $bordeImagenes[0];?> < ?php echo $bordeImagenes[1];?> < ?php echo $bordeImagenes[2];?>px;
}
Espero haber sido claro, cualquier cosa no dudes en preguntar.
sds
Santiago Lobos
15-04-2009
Ginko
Muchisimas gracias por la respuesta y tan rapida, lo comprobare y te dire.
Saludos
15-04-2009
Ginko
Vuelvo a reponderte para decirte que me ha servido tu corrección.
Muchisimas gracias nuevamente.
15-04-2009
Ginko
Una consulta, se podria hacer paginandose este codigo’
Es decir, que solo meta 5 imagenes por ejemplo y aparezca luego paginas para ir, 1,2, etc.
Como seria, si no es mucha molestia. Gracias
20-04-2009
Ginko
Hola
He conseguido lo que quiero, pero el problema es que solo me muestra los resultados verticalmente, uno encima de otro, y a mi me gustaria que por ejemplo me mostrara unicamente 4 pero horizontal, y que luego siguiera a la pagina siguiente.
Tengo este código pero no consigo hacerlo de forma horizontal, que le falta?
0 && $elemento = readdir($dir))
{
$Show[’5 Anteriores’] = 1;
$c–;
}
$Counter = 0;
if ($Show[’5 Anteriores’] == 0) $Counter=$Counter-2; else {
$c = 2;
while ($c > 0 && $elemento = readdir($dir))
{
$Show[’5 Anteriores’] = 1;
$c–;
}
}
echo”";
while (($Counter != $Config[’Show’]) && (”multimedia/imagenes/” & $elemento = readdir($dir)))
{
$Counter++;
$elemento1 = strtolower($elemento);
if ((strpos($elemento1, “.gif”) > 1) || (strpos($elemento1, “.jpeg”) > 1) || (strpos($elemento1, “.jpg”) > 1) || (strpos($elemento1, “.png”) > 1)) {
if (($i % 6) == 0) {
echo “”;
}
?>
” rel=”lightbox[roadtrip]”> ” name=”img” width=”100″ height=”75″ class=”imgfade” id=”img” title=”" onMouseOver=”slowhigh(this)” onMouseOut=”slowlow(this)” />
“;
if ($elemento = readdir($dir))
{
$Show[’5 Siguientes’] = 1;
}
closedir($dir);
?>
Anterior | | | “;
if ($Show[’5 Siguientes’] == 1) echo “Siguiente“;
?>
21-04-2009
Lisandro
Esta perfecto ese ejemplo…..modificando el css y parte del código se puede hacer lo que sea, gracias por este gran aporte.
Saludos desde Cuba,
Lisandro
13-06-2009
luciano
Hola chicos, muy buena la ganeria.
Pregunta, si quisiera agregarle una descripcion a casa imagen, como habria que hacer?
24-07-2009
JOSéLITO
Estupenda la galeria Santiago, muchas gracias, me ha sido de gran ayuda. Pero tengo la mism duda que el amigo Luciano, ¿sería posible agregar una descripción diferente a cada imagen en lugar del pie “Imagen x de y” ?
14-10-2009
PETER
Hola SANTIAGO LOBOS, me parece muy bueno tu codigo, descargue el codigo original y cuano lo probe me salio un error, talvez me puedas ayudar a resolverlo, el error es el siguiente:
Notice: Use of undefined constant imagen - assumed ‘imagen’ in F:\wamp\www\galeria\galeria.php on line 49
en dicha linea apare el sguiente código:
if(!isset($_GET[imagen])){
Me podrias ayudar con eso por favor?
muy agradecido.
8-11-2009
Carlos
Gracias, gracias, gracias mil gracias.
Me funciona a la perfección.
Sois unos máquinas.!!!!!
Gracias Santiago
3-12-2009
flashreloco
@Lisandro y @JOSÉLITO claro que se puede, lo que tienen que hacer para poner una descripccion es generar un array donde almacenen las descripciones para cada una de las fotos y asignarlas a lo que serían esta parte del codigo donde va el title=” ” ahí pondrian su arreglo con las descripciones.
Saludos
4-12-2009
kawasaki shoes
Una consulta, se podria hacer paginandose este codigo’
Es decir, que solo meta 5 imagenes por ejemplo y aparezca luego paginas para ir, 1,2, etc.
Como seria, si no es mucha molestia. Gracias
17-01-2010
dany
hola muy bueno el aporte
sabes queria hacer una consulta de como quedaria el codigo
cuando la imagen esta almacenada en la base de datos
;”rel=”lightbox[Galeria]”> he probado muchas maneras y no me funciona si puedes me ayudas por favor
te saludo desde el salvador
19-01-2010
Comentar sobre “La galería de imagenes con php crece”