Una galería de marcos de fotos con funcionalidad Swipe

Question

Estoy buscando crear una galería de JavaScript/jquery que cumpla con los criterios a continuación, y me encantaría saber si hay módulos de galería existentes que tengan todas/la mayoría de estas características:

1. Muro fotográfico con funcionalidad de zoom (vista única). p.ej. http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/

2. de respuesta, de manera que la baldosa imágenes foto de la pared correctamente para escritorio & dispositivos móviles, y la reorganización si el usuario cambia el tamaño de su navegador. p.ej. http://isotope.metafizzy.co/

3. (opcional pero deseable). Si un usuario se encuentra en un dispositivo móvil, permítale pasar por las imágenes de vista única.

En pocas palabras. Un usuario irá a la pared de miniaturas, seleccionará una imagen y luego podrá deslizar las fotos más ampliadas o volver a la pared.

Las fotos se obtienen de una carpeta en el servidor. Los moderadores son simplemente chicas de cámara, que subirán imágenes de sus cámaras digitales a esta carpeta a través de ftp. No cambiarán el tamaño ni optimizarán las imágenes, por lo que sería genial si esto también pudiera suceder en el proceso.

Estamos alojados en un entorno PHP/Linux.

Answer 1

Tener un vistazo a jQuery Mason: http://masonry.desandro.com/

Puede ser utilizado como una pared sensible.

Lo que pides no se llama 'zoom' (que es otro efecto), pareces lo que se llama una caja de luz. Hay una gran cantidad de ellos, he aquí una comparación, http://planetozh.com/projects/lightbox-clones/

imágenes Para cambiar el tamaño de su va a tener que escribir algo de php para hacer uso de GD imagen o ImageMagick, aquí es un tutorial, http://net.tutsplus.com/tutorials/php/image-resizing-made-easy-with-php/ o posiblemente una secuencia de comandos, http://shiftingpixel.com/2008/03/03/smart-image-resizer/ (o timthumb.php).

Para servirlos tendrás que escribir algunos php con tu javascript.

No hay una solución todo en uno para lo que está pidiendo, tendrá que escribirlo o contratar a alguien para que lo haga.

Answer 2

Por lo que sabe que tiene que crear un plugin o escribir es el propietario funciones de jQuery para obtener todas las características personalizadas. (Que va a ser muy bueno en el sentido de funcionamiento y mantenimiento)

1. para la funcionalidad de zoom que puede usar algunas de las ventanas modales con una llamada ajax o puede crear.
2. Para lograr esto, debe escribir un buen css para que su foto alineada de acuerdo con screen.reshuffle se maneje si escribe css.
3. sí puede lograrlo al detectar el navegador del navegador y cambiar el css y javascript en consecuencia.
4. Para procesar imágenes (tamaño y generación dinámica de miniaturas), puede optar por soluciones de back-end de php.
5. Y no te preocupes, puedes manejar las imágenes de la carpeta a través de Ajax y mostrarlas cuando lo necesiten.