No bullsh es una galería dinámica de imágenes con miniaturas, desarrollada en PHP completamente gratuito y de código abierto, es fácil de adaptar, para instalarla sólo tienes que subir los archivos y carpetas en el servidor y agregar las imágenes a la carpeta correspondiente "portafolio", luego de eso el sistema crea automáticamente las imágenes en miniatura, puedes editar el archivo thumbanil.php para establecer el tamaño de las mismas y los ajustes de calidad.
También es posible trabajarlo con Lightbox y así conseguir un bonito efecto; puedes ver un ejemplo de su funcionamiento aquí.
Instalación y uso: lo primero es descargar (nbs_gallery_1_6.zip) los archivos del sitio oficial (el paquete incluye los del Lightbox).
Entre etiquetas <head></head> hay que agregar el estilo que obviamente puede ser modificado a gusto:
Si deseas aplicar el Lightbox debes agregar lo siguiente en la misma zona:
Luego entre etiquetas <body></body> vamos armando la galería.
- para mostrar las imágenes en miniatura hacemos lo siguiente:
donde ..
- carpeta_imagenes va a ser el nombre de la carpeta donde están alojadas las imagenes.
- carpeta_thumbnails es el nombre de la carpeta donde se almacenaran las imagenes en miniatura.
- lihghtbox_option define si se usa el lihghtbox, en caso afirmativo pasaremos el siguiente valor (lb-on), de lo contrario este (lb-off).
Luego para mostrar las imagenes en su tamaño normal:
y eso es todo, puedes cambiar el tamaño de las imágenes en miniatura modificando el archivo thumbanil.php.Para que el sistema genere las miniaturas automáticamente, debes alojarla en la carpeta de imágenes correspondiente (es la carpeta que indicas como primer parámetro al llamar a las funciones php_thumbnails y php_image).
Cabe acotar que el directorio donde deben estar las carpetas para las imágenes y las miniaturas es portafolio:
Para ser una galería hecha en PHP cumple su objetivo, si quieres algo más elaborado puedes buscar otras opciones hechas con JQuery, Ajax, etc.
Fuente: visual-blast
Instalación y uso: lo primero es descargar (nbs_gallery_1_6.zip) los archivos del sitio oficial (el paquete incluye los del Lightbox).
Entre etiquetas <head></head> hay que agregar el estilo que obviamente puede ser modificado a gusto:
<link href="nbs.css" rel="stylesheet" type="text/css" media="screen">
Si deseas aplicar el Lightbox debes agregar lo siguiente en la misma zona:
<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>
nota:
Recuerda verificar que la ruta al archivo sea correcta.Luego entre etiquetas <body></body> vamos armando la galería.
- para mostrar las imágenes en miniatura hacemos lo siguiente:
<?php
//incluimos el archivo "thumbnails.php"
include_once("thumbnails.php");
//luego llamamos a la funcion "php_thumbnails"
php_thumbnails(carpeta_imagenes,carpeta_thumbnails,lihghtbox_option;
?>
donde ..
- carpeta_imagenes va a ser el nombre de la carpeta donde están alojadas las imagenes.
- carpeta_thumbnails es el nombre de la carpeta donde se almacenaran las imagenes en miniatura.
- lihghtbox_option define si se usa el lihghtbox, en caso afirmativo pasaremos el siguiente valor (lb-on), de lo contrario este (lb-off).
Luego para mostrar las imagenes en su tamaño normal:
<?php
//incluimos el archivo image.php
include_once("image.php");
// llamamos a la funcion php_image
php_image(carpeta_imagenes,carpeta_thumbnails)
?>
y eso es todo, puedes cambiar el tamaño de las imágenes en miniatura modificando el archivo thumbanil.php.Para que el sistema genere las miniaturas automáticamente, debes alojarla en la carpeta de imágenes correspondiente (es la carpeta que indicas como primer parámetro al llamar a las funciones php_thumbnails y php_image).
Cabe acotar que el directorio donde deben estar las carpetas para las imágenes y las miniaturas es portafolio:
portafolio
--> carpeta_imagenes
--> carpeta_thumbnails
--> carpeta_imagenes
--> carpeta_thumbnails
Para ser una galería hecha en PHP cumple su objetivo, si quieres algo más elaborado puedes buscar otras opciones hechas con JQuery, Ajax, etc.
Fuente: visual-blast
- Los comentarios están siendo moderados y serán publicados en la brevedad posible.