Photoswipe - Galería de imágenes para jQuery Mobile
enero 10, 2013
Hoy os traigo una joyita para jQM, que me ha encantado probar y que de hecho no dudo en pensar posibles utilidades para mis futuras aplicaciones.
Photoswipe es un plugin javascript que te permite mostrar una galería de imágenes de forma automática, con la posibilidad de aumentar la imagen a su tamaño original y hacer un pase automático de fotos, como un marco de esos que se pusieron de moda y que ahora la gente los tiene apagados o guardados en el armario.
Lo podéis ver aquí en movimiento:
http://www.photoswipe.com/latest/examples/04-jquery-mobile.html
La instalación es bien sencilla, pero hay que hacerle algunos retoques finales para evitar algunos bugs que supongo, irán solucionando en las versiones posteriores.
El enlace es el siguiente:
http://www.photoswipe.com/
No voy a hacer ningún tutorial, porque hay decenas por la red, pero si os voy a poner un truquillo que me ha evitado tener "cajas negras" o "black boxes". Se trata de sustituir el siguiente trozo de código:
En el css de photoswipe, sustituir el código correspondiente por el siguiente:
/* UILayer */
div.ps-uilayer {
opacity: 0;
cursor: pointer;
}
Si tenéis dudas al configurarlo, poned un comentario y os contestaré sin problemas ;)
1 comentarios
Hola Francisco Javier, estoy medio loco con Photoswipe, y es que no estoy muy puesto en javascript pero sigo las normas de este plugin y debería funcionar. Resulta que quiero colocar 6 galerías dentro de una misma página, y funcionan todas menos la sexta precisamente, que ignora el Photoswipe y muestra sólo la imagen. ¿Sabes a qué puede deberse?
ResponderEliminarSé respetuoso/a, en este blog caben todo tipo de opiniones con respeto y serenidad.