Właśnie otrzymałem następujący projekt projektu, galerii siatki obrazów, z dynamicznymi obrazami szerokości i wysokości (obrazy przesłane przez użytkownika). (Zrzut ekranu na końcu postu)
Wypróbowałem jQuery Masonry , Tympanus Automatic Image Montage i CSS-Tricks Seemless Responsive Photo Grid , ale każdy ma swoje ograniczenia.
- Jquery Masonry pozwala na dynamiczne określanie szerokości i wysokości, jednak generowane są luki
- Te dwa ostatnie skrypty generują bardzo ładne siatki, ale z tym problemem, że szerokość lub wysokość muszą być statyczne
EDYCJA: natknąłem się na Isotope , który jest prawie idealny i prawdopodobnie skończę z nim korzystać, chyba że jest coś, co dokładnie odpowiada moim potrzebom. Dlatego moje pytanie wciąż pozostaje takie samo ...
Czy istnieje skrypt javascript (najlepiej jQuery), który może wygenerować całkowicie dynamiczną mozaikę (w odniesieniu do rozmiaru obrazu), jak ta na zrzucie ekranu poniżej?
Dzięki za wszelką pomoc
Odpowiedzi:
Proponuję
Freewall
. Jest to obsługująca wiele przeglądarek i responsywna wtyczka jQuery, która pomaga tworzyć wiele typów układów siatki: elastyczne układy, układy obrazów, układy zagnieżdżonych siatek, układy w stylu metra, układy typu pinterest ... z ładnymi efektami animacji CSS3 i zdarzeniami oddzwaniania. Freewall to kompleksowe rozwiązanie do tworzenia dynamicznych układów siatki dla komputerów stacjonarnych, telefonów komórkowych i tabletów.Strona główna i dokument: również znaleziono
here
.źródło
Myślę, że możesz wypróbować „Google Grid Gallery” , opartą na wspomnianej masonerii z kilkoma dodatkami, takimi jak style i przeglądarka.
źródło