By Diego Cambiaso Galleria es una biblioteca Javascript escrita con jQuery que permite implementar una galería de imágenes con excelentes efectos.
Está liberada bajo una licencia GLP 3.0 Licence, posee muchas opciones de personalización y todavía está en etapa beta pero esto no le impide lograr unos efectos visuales y estéticos muy agradables.
Sus principales características son:
- Javascript no invasivo;
- se muestra de una forma apropiada en navegadores que no soportan Javascript o CSS;
- tamaño reducido, 2.5k comprimida;
- muestra la imagen miniatura (thumbnail) mientras las imagen está siendo cargada;
- permite usar nuestro propio estilo creando nuestra propia CSS;
- es rápida ya que la imágenes son pre-cargadas;
- permite escalar la imagen miniatura y recortarla para que se ajuste al contenedor;
- puede ser usada con imágenes miniaturas personalizadas;
- se le puede aplicar estilos al título y demás leyendas;
- se puede ajustar la historia del objeto y habilitar el botón de retroceso del navegador;
- se pueden disparar eventos para para adaptar el comportamiento de las imágenes en onLoad;
- y algunas otras características más.
Sitio: Google Code
Demostraciones: Demo 01 – Demo 02
Descargar: galleria-1.0b.zip – galleria-0.9.zip
Vía: DAVID’S KITCHEN
Otras galerías:
- JonDesign’s SmoothGallery 2.0 ! – Galería de imágenes y slideshow con excelentes efectos
- mooSlideBox 3 – Genera imágenes deslizantes
- multibox – Galería con soporte para imágenes, Flash, video, MP3s y HTML
- ImageFlow – Sorprendente script para crear galerías de imágenes muy dinámicas
- Photo 3D Gallery – Galería de imágenes Javascript con efecto 3D
- 12 Galerías de imágenes Javascript
Además:
- FancyZoom – Biblioteca Javascript para aplicar efecto ZOOM en imágenes
- Accordion y LightWindows – 2 Scripts para crear páginas con interesantes efectos visuales
- 240 Plugins para JQUERY
- jQuery USER INTERFASE – Widgets construídos con jQuery JavaScript Library
Tags: Galleria, jQuery, galería, imágenes
Hola queria saber como puedo implementar esta galeria en mi sitio le agradeceria un tutorial saludos y gracias
No es compatible con móviles
Dime es compatible las aplicacioiçnes de jquery en moviles
Hola Monsawa.
Hasta donde se, sólo sirve para imágenes.
Esta otra si soporta videos entre otras:
http://pixelcoblog.com/multibox-galeria-con-soporte-para-imagenes-flash-video-mp3s-y-html/
Saludos
se pueden poner videos y imagenes??
Hola, queria saber como se podria modifical la estructura o el “theme” para, por ejemplo, poner los thumbails arriba en vez de abajo, o modificar donde se muestra la info de cada foto y de que manera lo hace (por ej con un slide up desde abajo de la foto o esas cosas..) se pueden modificar o el diño que viene es el que tenes q usar?
hola necesito tener dos galerias de imagenes y poder combinar imagenes y guardar dicha combinacion en una base de datos si alguien sabe de algo le agradeceria muchas gracias
La tengo implementada con php, de ese modo toma las fotos que tenga el directorio, sean las que sean, la pega es que no tiene paginación…..
Hola Facundo.
La galería de imágenes posee una licencia GPL por lo que no necesitas pagar ni comprar nada para usarla.
Saludos.
una pregunta…esto de la galeria para implementarlo hace falta obtener la licencia?…lo puedo utilizar en mi sitio para exponer mis inmuebles?…es un sitio que ofrece el servicio la ambientacion y alquiler de inmobiliario
Hola. No saben de un bug en IE6 que no permite ver las imagenes?
Saludos.
Hola amigo, me ayudarias a poder editar el codigo de la galeria de forma tal que pueda tomar fotos de la base de datos. Gracias!
Gracias, ahora lo pruebo. Por otro lado, es posible abrir esta galeria en una ventana modal al estilo lightbox?
Hola.
Esta galería posee un objeto “history object” que se activa por medio de un valor booleano, con esto activas o desactivas la historia desde el botón retroceso u avance del navegador.
Saludos.
hola,
sabes como se puede hacer que al pulsar el boton volver del navegador, vuelva a la página anterior?
en el ejemplo, si le das a volver retrocede una foto, pero hasta que no llegas a la primera, no vuelve a la pagina anterior.
gracias!