Creando una galeria de imagen E-mail
Articulos - Recursos
Escrito por Kuo   
Sábado, 23 de Mayo de 2009 16:24

Bueno, bueno, hace unos días estuve creando una galería de imagen y la sorpresa fue que en esa busqueda me encontré una gran cantidad de script gratis para almar una maravillosa y super galería. Al parecer se tiene dividido en tres grandes categoría como Ajax, Javascript y Lightbox,  CSS  y Flash, cada cual con su estilo. Quizás sea de ayuda reunir esta lista para que puede elegir segun intéres y necesidad:

1.-  JonDesign's SnoothGallery -
Este es una galería bastante simple y ligero implementada en Javascript de solo 24kb de tamaño. Fue probado exitosamente con los navegadores Firefox, Opera, Internet Explore 6 y 7, Safari.


Dentro tiene 7 diferentes modelo como deslizar las imagenes a mano, escaparate (showcase) para producto adaptarlo a cambiar mediante minuto, escaparate deslizante (slideshow), galería por categoría...puede visitarla y ver los 7 demos diferentes.

 


2.-  MiniShowCase Gallery -
Realmente una super galería que se divide por grandes directorios. Es tan simple que nisiquiera trabaja con base de datos, solo se sube los archivos correspondiente y listo en poco minutos. Esta programada en PHP/Javascript. Transfiere las imagenes desde un folder creando automáticamente la miniatura de la imagen (thumbnail). Puede configurarla en segundo para que las imagenes se vaya desplazandose. Disponible en idioma Español, Francés e Italiano. Abre la imagen sin recargar la pagina.


3.-  Galleria -
Galleria es una galería de Javascript escrito en jQuery. Este muestra las imagenes desde una lista desordenada con la ayuda del codigo CSS. Este ha creado tres modelo diferentes: Avanzada, Simple y FS Gallery.



4.-  Lightbox 2 -
Lightbox 2 es otra de la simple galería, pero lo más probable es que Lightbox 2 sirva mejor para insertarlo en un lugar donde no quiere que quite mucho espacio. El codigo de una imagen se agrega manuamente en la pagina web una vez subido el imagen en la carpeta correspondiente y trabaja para cualquier tipo de navegador.

Lightbox 2 utiliza Prototype Framework y Scriptaculous Effects Library. Para ponerlo a funcionar deberá incluír varios archivos Javascript y CSS.



5.-  SpaceGallery -
SpaceGallery produce una suave efecto en dimensión con la ayuda total de Javascript y CSS. La imagen se va desplazandose hacia adelante al hacerle click. Lo pone a funciona en 1, 2, 3 sencillos pasitos.


6.-  Ajax SlideFlow -
SlideFlow utiliza Prototype Framework y Scriptaculous Effects Library. Muestra las fotos y titulos desde un archivo XML. Este flota la imagen de un lado a otro cuando le hace click en la imagen en miniatura (thumbnails) y proyecta una nueva imagen grande cuando recibe un segundo click.



7.-  TinyWebGallery -
Podría decir, TinyWebGallery es como un albúm con multiple directorio que no usa base de datos y descarga el imagen mediante archivo XML.

Usando lo mismo codigo permite configurarlo y obtener tres estilos diferente: Ajax, HTML y HTML Side: Tiene una navegación deslizante en flash, administrador de usuarios yupload imagen. Traducido en 5 idiomas.


8.-  ZenPhoto -
En ZenPhoto es posible manejar diferente directorio, subir fotos mediante ftp o desde el panel del administrador, agregar tags por categoría, proteger galería por medio de contraseña, agregar comentarios, enviar votos de 1 al 5...

Crea la imagen en miniatura automáticamente. Disponible alrededor de 247 platillas.



9.-  Sliding Photograph Galleries -
Sliding Photograph Galleries proporciona una lista desordenada de imagenes con dos tipos de posiciones a elegir: albúm en horizontal y albúm envertical. La imagen aparece tan solo pasar el mouse encima sin hacer click un solo click gracia a la ayuda del codigo CSS. Al igual que la galería Lightbox 2 inserta el codigo de las imagenes manualmente, por lo que lo mejor de este galería es poder insertarlo en cualquier articulo con multiples imagenes ahorrando así espacio.



10.-  Visual LightBox JS -
Visual Lightbox JS esta disponible en 9 idiomas. Este es un poco diferente de lo otro script, utiliza un Visual LightBox window para cargar los fotos, presiona "publicar" e instantaneamente abre un navegador con un maravilloso Lightbox 2. No requiere de ningun Javascript, codigo CSS ni codigo HTML.

Tiene multiple plantilla de selección, una ligera plataforma de imagen que va rotando segun lo programadoy crea automáticamente la miniatura del imagen (thumbnail).



11.-  Photo Gallery with MooTools -
Este es un tutorial donde nos enseña paso a paso de como crear una galería espectacular con la ayuda de codigo HTML y CSS. Una oportunidad de adquirir expediencia propia. ¡Unica! ¡No te de dolor de cabeza!

Como mucho de los anteriores crea automaticamente la imagen en miniatura (thumbnail). Lo unico diferente es cuando se hace click en el thumbnail abre una suave pantalla y se cierra al hacerle un segundo click en ese mismo imagen.



12.-  Greybox -
Greybox es uno que cubre una pagina web entera al abrirse la imagen ligeramente sin cargar la pagina y sin tener conflicto con bloqueador de popup. Fácil de usar e instalar.



13.-  CSS Slide Show -
Css Slide Show esta creado totalmente en CSS con la opción de crear multiple albúm. Muy util para pagina web que no quiere que ocupe mucho espacio.

Este se instala como un menu y aparece el albúm de thumbnails cuando pasa el mouse encima, el thumbnail toma tamaño original al hacerle un click y vuelve en miniatura (thumbnail) nuevamente al hacer un segundo click en ese mismo imagen.



14.-  Pikachoose Gallery -
Pikachoose es una pequeña galería ligero creado en Jquery que permite presentación de fotos de forma corredizo automática o manual.

15.-  Zoomimage -
Zoomimage es elegante y sencillo creado en Jquery. La imagen en miniatura nos aparece en zoom grande al hacerle un click encima, una vez en zoom grande puede seguir viendo la imagen siguiente o anterior y cierra al hacerle un segundo click.



16.- s3Slider jQuery -
s3Slider es uno que se alma con unos sencillos pasos. Muestra las imagenes automáticamente como si esta mostrando producto con su tema y descripción. Esta comprobado exitosamente en los navegadores como  Firefox 2.x (Win), Firefox 3.0.3 (Win/Linux/Mac), Opera 9.6 (Win/Linux), Safari 3.0.3 (Win/Mac), Internet Explorer 6 (Win), Internet Explorer 7 (Win), Google Chrome (Win).

 



17.-  PhotoFlow -
PhotoFlow esta creado en Javascript y tiene un efecto flotante. Las fotos flota de un lado al otro cuando le hace click. Trabaja con Prototype Framework y Scriptaculous Effects Library Las fotos se agrega manualmente en la pagina HTML.



18.-  TiltViewer -
TiltViewer es uno que esta creado en 3D Flash. Podría decir que es una enorme galería. Las imagenes en miniatura (thumbnails) desordenada aparece en zoom grande cuando le hace un click, al volverle hacer un segundo click en esa misma imagen vuelve en zoom original(pequeño). La barra de space en el teclado también realiza esta función(zoom in/out). Con un click derecho del mouse la galería aparece en pantalla completa(fullscreen)

El uso del mouse y teclado controla con totalidad la galería Flash. TiltViewer tiene tres tipos de modelo que son PostcardViewer, SimpleViewer y AutoViewer.



19.-  Polaroid Gallery -
Las imagenes se cargar desde archivo XML o Flickr RSS creando una galería flash interáctivo con su titulo. Para ver la imagen solo se hace un click encima y se va amontonandose encima de otros.



20.- Spiral Carrousel XML -
Spiral Carrousel XML esta creado con Adobe Flash CS3. Junto con las imagenes encima va moviendose en forma de circulo automáticamente en forma de espiral. Pausa al ponerle el mouse encima mostrando el titulo, la descripción y un link de enlace. Tiene más de 6 modelos interesante como: 3D Cylinder Box, en forma de cilindro; 3D Curve Wall, una pared encurvado; 3D Thumbnail Box, una caja de cuatro paredes; 3D Sphere, en forma de esfera, ect.



21.-  Cross Browser Multi-Page Photograph Gallery -
Este es uno de multiple pagina o podría decir categorías. Creado con puro codigo CSS y nada de Javascript, por cierto. Fue comprobado sin problema con los navegadores como IE5.5, IE6, IE7, Opera, Firefox, Safari (PC). Tanto las imagenes como el menu no necesita recargar la pagina para verlo. Esto se debe a que la imagen se acerca tan solo pasar el mouse sobre ella, asi como ocurre al menu  que corre de un lado a otra categoría tan solo pasar el mouse encima.



22.-  Df Gallery -
Este es otro de la galería en Flash, pero a diferencia de otro Df Gallery permite agregar musica en MP3 junto con la imagen. Sube las imagenes desde archivo XML, Flickr, Picasa, Fotobucket. La imagen aparece en una ventanilla pequeña al pasar el mouse encima de la imagen en miniatura(thumbnail) y con un click la imagen muestra en grande. También puede ver la imagen en pantalla completa (fullscreen) haciendo click con el mouse derecho.



23.- Hoverbox Image Gallery -
Hoverbox Image Gallery es similar que Cross Browser Multi-Page Photograph Gallery. La unica diferencia es que el segundo proporciona multiple pagina/categoría. Como ya sabe es puro trabajo en CSS y ligeramente de tan solo 8kb de tamaño. Las imagenes en miniatura(thumbnails) se acerca cuando pasa el mouse encima sin hacerle click.

 

 

 

Escribir un comentario


Código de seguridad
Refescar