SummArg | Cursos y recursos para webmasters

12/10/2010

Galería dinámica PHP No Bullsh**

Esta galería Open Source funciona escaneando un directorio y ordenando en su galería las imagenes encontradas, es muy vistosa y ofrece varias opciones de navegación de imágenes. Tenemos dos opciones de descarga: con y sin lightbox, pudiendo ver las respectivas demos en esa misma página.

Instalar la galería en un proyecto web

1- Se debe colocar el script en el servidor del sitio web y las imagenes dentro del directorio /portfolio/.
1- En el head colocaremos:

<head>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script> <!-- estas tres líneas forman parte de lightbox -->
<link href="nbs.css" rel="stylesheet" type="text/css" media="screen">
</head>

Recuerden que es necesario que modifiquen las rutas para que coincidan con la estructura del website sobre el que trabajamos.

3- Entre etiquetas <body> coloquemos:

<?php
include_once("thumbnails.php"); php_thumbnails(IMAGES_FOLDER_NAME, THUMBNAILS_FOLDER_NAME, LIHGHTBOX OPTION: lb-on;
?>

Si no queremos utilizar lightbox, entonces entre etiquetas <body> colocaremos:

<?php
include_once("thumbnails.php"); php_thumbnails(IMAGES_FOLDER_NAME, THUMBNAILS_FOLDER_NAME, LIHGHTBOX OPTION: lb-off;
include_once("image.php"); php_thumbnails("IMAGES_FOLDER_NAME","THUMBNAILS_FOLDER_NAME;
?>

Personalizar la galería

No Bullsh** permite un par de modificaciones de modo simple:

Tamaño y calidad de las miniaturas: Dentro de thumbnail.php modificamos las líneas 3 y 4 para ajustar el tamaño y la calidad de nuestras miniaturas.

$thumbsize = "55"; // tamaño de la miniatura.
$thumbquality = "130"; // Calidad JPEG de la miniatura.

jpg-png-gif: En la línea 20 podemos modificar el tipo de imagenes aceptadas por nuestro script.

// Cambiar a png o gif
header('Content-type: image/jpeg');

Directorio de las imagenes: En el archivo thumbnails.php podemos modificar los directorios de donde se toman las imagenes originales y en donde se guardan las miniaturas generadas.

$images = "portfolio/" . $imagefolder; // Directorio de imagenes originales, deben ser SOLO .jpg
$thumbnails = "portfolio/" . $thumbfolder; // Directorio que contiene las miniaturas generadas.

Esperamos les sea de utilidad!

No Bullsh** Gallery

Dejar un comentario

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Esta galería Open Source funciona escaneando un directorio y ordenando en su galería las imagenes encontradas, es muy vistosa y ofrece varias opciones de navegación de imágenes. Tenemos dos opciones de descarga: con y sin lig…..

  2. patricia puertas

    todo bien , solo que no muestra las miniaturas. Que puede ser?

Dejar un comentario