MooFlow es una galería de imágenes realizada en javascript que simula el estilo del visor de carátulas de iTunes de Apple o el Finders CoverFlow™.
Inspirada en ImageFlow y usando las mootools como framework javascript, la nueva versión de esta galería viene con multitud de mejoras:
- Agrupa todas las imágenes dentro de un bloque.
- Se redimensiona automáticamente para ajustarse a la pantalla.
- Opción de ver la galería a pantalla completa.
- Desplazamiento por las imágenes con las flechas de dirección o la rueda del ratón.
- Opción de “autoplay” para pasar las imágenes a modo de presentación.
- Efecto “reflejo” generado por javascript.
- Carga de imágenes mediante un archivo HTML o una consulta JSON.
- Generación automática de la interfaz visual.
- Estilo basado completamente en CSS.
- Pueden ejecutarse múltiples instancias.
Permite además incluir un slimbox para visualizar las imágenes a tamaño completo haciendo doble click sobre ellas, y mostrar un tooltip con información ampliada al situar el ratón sobre la imagen.
Han preparado una página con varios ejemplos y una de documentación bastante completa.
MooFlow - Javascript based Gallery looks like Apple´s iTunes
Muy al estilo .Mac Web Gallery, un sistema de galería web para imágenes y videos realmente impresionante, Sebastian Brink ha desarrollado una aplicación llamada qGallery.
Es muy simple de utilizar, solamente sube las imágenes a tamaño completo y un XML con los nombres de los archivos a un directorio. Luego añade el script y un div en una página web. La galería se monta automáticamente gracias a PHP.
Permite visualizar las imágenes como mosaico o como un carrusel, es decir, al estilo coverflow de las carátulas de Apple. Las miniaturas se visualizan con un reflejo inferior y su tamaño se puede controlar mediante una barra de desplazamiento. Al pulsar sobre una de ellas se muestra la imagen a tamaño completo al estilo Lightbox.
Es compatible con Safari 3.1, Firefox 2.x e Internet Explorer 7.
Igual me anote algunas ideas para mi fotoroom.
Vía: Ajaxian
qGallery - Galería de Imagenes con Prototype
Por fin me han habilitado la cuenta en Wordpress Extend y os puedo presentar mi nuevo plugin.
mBox es un plugin que permite incluir presentaciones de imágenes en las entradas de Wordpress de una forma sencilla.
Captura y Características:
|
|
- Generación de la galería automáticamente en base a las imágenes que se han subido con la herramienta de Upload de Wordpress en cada entrada.
- Carga de las imágenes mediante AJAX para mayor rapidez de carga de la web.
- Navegación a través de la barra de vistas en miniatura de las imágenes.
- Paginación de los resultados.
- Posibilidad de activar/desactivar la presentación automática.
- Icono de descarga de la imagen original.
|
mBox usa las mootools y ha sido testeado en Firefox 2.x, Safari e Internet Explorer 7.
Una vez configurado, para visualizar la galería de imágenes tan solo hará falta añadir el siguiente código a la entrada [he habilitado un botón en el editor de WP]:
<mbox width="750" height="200" />
Puedes ver un resultado de como quedaría en mi entrada sobre el Disney Fantasyland de Annie Leibovitz que escribí recientemente.
Para más información y descarga puedes dirigirte a la página del proyecto en mi web o a su entrada en el Wordpress Extend.
Hay veces que no te puedes llegar a hacer una idea de lo que se puede desarrollar con un framework tan bueno como las MooTools. Merece la pena echarle un ojo a la aplicación Apple’s .mac Gallery… Me he quedado sin palabras!
Hola, soy Marcos Esperón, técnico superior de desarrollo de aplicaciones informáticas. Escribo acerca de todo lo relacionado con la informática y la tecnología - Además tengo otros hobbies como el desarrollo web, la fotografía y los gadgets. Puedes saber más de mi en la página de 
