9MayGalerías de imágenes: vida en tu web

En este post os mostramos unas cuantas galerías de imágenes que nos pueden ser de utilidad en un momento dado para incluirlas en nuestra web. Son sencillas de usar y en sus respectivas webs de origen vienen con una explicación paso a paso como ayuda para su implementación.

En primer lugar comenzamos con la web de Phatfusion, dónde utilizan lenguajes como Flash y Javascript, en la que podemos destacar:

Lightbox

Crea una tenue oscuridad en todo el fondo excepto la imagen, que se abre a modo pop-up, para provocar un efecto de luminosidad en ella, después podemos pasar a la imagen siguiente o anterior con unos botones de control además de contener una pequeña descripción de la imagen.

Ligthbox

Galería de imágen Lightbox

Descarga Lightbox desde este enlace http://www.phatfusion.net/lightbox/lightbox.zip

Multibox

Manteniendo el mismo efecto que Lightbox pero añadiendo que además de imágenes también visualiza flash, vídeo y mp3.

Descarga Multibox desde este enlace http://www.phatfusion.net/multibox/multibox.zip

Slideshow

Esta es más simple pero añade una transición con fade, que podemos parar, además de poder escoger la imagen que deseemos ver.

Galería de imágenes Slideshow

Galería de imágenes Slideshow

Descarga Slideshow desde este enlace http://www.phatfusion.net/slideshow/slideshow.zip

Otra web que nos ofrece más galerías es AirtightInteractive hechas con flash de la cual destacamos:

Simpleviewer

Es una galería sencilla pero con un toque muy elegante. Puedes ver una demo desde aquí.

Descarga Simpleviewer desde este enlace http://www.airtightinteractive.com/simpleviewer/simpleviewer.zip

Autoviewer

Podemos poner una descripción de cada foto y pasarlas mediante los botones de control o bien tocando la parte que sobresale de cada imagen de la derecha o de la izquierda. Podéis ver una demo desde aquí.

Galería de imágenes Autoviewer

Galería de imágenes Autoviewer

Descarga Autoviewer desde este enlace http://www.airtightinteractive.com/projects/autoviewer/autoviewer.zip

Postcardviewer

Esta galeria muestra todas las imagenes en thumbnails sobre un fondo negro y al clicar permite ampliar la imagen escogida.

Probad la demo desde aquí y os dejo el enlace de descarga http://www.airtightinteractive.com/projects/postcardviewer/postcardviewer.zip

Tiltviewer

Algo diferente alresto de galerías es tiltviewer que muestra las imágenes sobre un fondo negro como postcardviewer pero estas con un efecto 3D por las cuales podemos navegar y hacer zoom al clicar.

Ved la demo por vosotr@s mism@s aquí. Este es el enlace de descarga http://www.airtightinteractive.com/projects/tiltviewer/tiltviewer.zip

Polaroid

Cambiando de estilo tenemos la web no3dfx dónde podemos encontrar la galería polaroid.

Realmente original nos permite mover las fotos de sitio hacer zoom-in y zoom-out y todas las imágenes con un diseño como las fotografías que podemos realizar con una cámara polaroid. Esta galería también utiliza flash.

Galería de imágenes Polaroid

Galería de imágenes Polaroid

Aquí podéis probar la demo, no tiene desperdicio.

Enlace de descarga de esta galería http://www.no3dfx.com/polaroid/_files/polaroid_270716.zip

Shadowbox

Otra galería a destacar es Shadowbox muy parecida a Lightbox. Sencilla y funcional era evidente nombrarla puesto que es la que nosotros utilizamos en Error: SegmentationFault! podéis ver su funcionamiento al clicar cualquier imagen de este post veréis como se funde el fondo en un tono más oscuro y la imagen queda centrada, podéis utilizar los botones de control para pasar a la siguiente o ver la anterior.

Si os gusta aquí tenéis el enlace de descarga http://www.shadowbox-js.com/download.html

Aquí os dejo otros enlaces dónde podréis encontrar más galerías por si todavía no os ha convencido ninguna de las anteriores:

http://smoothgallery.jondesign.net

http://www.dezinerfolio.com

http://www.flshow.net/index.php

http://devkick.com/lab/galleria

One Response and Counting...

  • Bitacoras.com

    May 9th 2009

    Información Bitacoras.com…

    Valora en Bitacoras.com: No hay resumen disponible para esta anotación…