simple para imagenes galeria fotos codigo javascript jquery grid gallery mosaic

javascript - para - Galería de Mosaic Grid con imágenes de tamaño dinámico



galeria de imagenes jquery simple (2)

Acabo de recibir el siguiente diseño para un proyecto, para una galería de cuadrículas de imágenes, con imágenes dinámicas de ancho y alto (imágenes enviadas por el usuario). (Captura de pantalla al final de la publicación)

He intentado jQuery Masonry , Tympanus Automatic Image Montage y CSS-Tricks Seemless Responsive Photo Grid , pero cada uno tiene su limitación.

  • Jquery Masonry permite que el ancho y la altura sean dinámicos, sin embargo, se generan espacios
  • Los últimos 2 scripts generan cuadrículas muy bonitas, pero con el problema de que el ancho o la altura deben ser estáticos

EDITAR: me encontré con Isotope , que es casi perfecto y probablemente termine usándolo, a menos que haya algo que solucione mis necesidades exactamente. Por lo tanto, mi pregunta sigue siendo la misma ...

¿Hay alguna secuencia de comandos javascript (preferiblemente jQuery) que pueda generar un mosaico completamente dinámico (con respecto al tamaño de la imagen), como el de la captura de pantalla siguiente?

Gracias por cualquier ayuda


Creo que puedes probar "Google Grid Gallery" , basado en la Masonería mencionada con algunas adiciones, como estilos y visor.


Sugiero Freewall . Es un complemento jQuery multiproveedor y receptivo que te ayuda a crear muchos tipos de diseños de cuadrícula: diseños flexibles, diseños de imágenes, diseños de cuadrículas anidados, diseños de estilo metropolitano, diseños tipo pinterest ... con bonitos efectos de animación CSS3 y eventos de devolución de llamada. Freewall es una solución todo en uno para crear diseños dinámicos de cuadrículas para computadoras de escritorio, dispositivos móviles y tabletas.

Página de inicio y documento: también se encuentran here .