Галерея мозаики Grid с динамическими изображениями
Я только что получил следующий дизайн для проекта, для галереи сетки изображений, с динамическими изображениями ширины и высоты (пользовательские изображения). (Скриншот в конце поста)
Я пробовал jQuery Masonry, Tympanus Automatic Image Montage и CSS-трюки, которые кажутся безразличными, но у каждого есть свои ограничения.
- Jquery Masonry позволяет динамически изменять ширину и высоту, однако сгенерированные пробелы
- Последние 2 скрипта генерируют очень хорошие сетки, но с проблемой, что ширина или высота должны быть статическими
РЕДАКТИРОВАТЬ: я столкнулся, Isotope, который почти идеально, и я, вероятно, в конечном итоге использовать его, если нет чего-то, что точно отвечает моим потребностям. Поэтому мой вопрос остается прежним...
Есть ли какой-либо сценарий javascript (предпочтительно jQuery), который может генерировать полностью динамическую мозаику (в зависимости от размера изображения), как на скриншоте ниже?
Спасибо за любую помощь
2 ответа
Я предлагаю Freewall, Это кросс-браузерный и адаптивный плагин jQuery, помогающий создавать различные типы разметки сетки: гибкие разметки, разметки изображений, вложенные разметки сетки, разметки в стиле metro, разметки в виде интереса... с хорошими анимационными эффектами CSS3 и событиями обратного вызова. Freewall - это универсальное решение для создания динамических макетов сетки для настольных компьютеров, мобильных устройств и планшетов.
Домашняя страница и документ: также найдено here,
Я думаю, что вы можете попробовать "Google Grid Gallery", она основана на вышеупомянутом масонстве с некоторыми дополнениями, такими как стили и средство просмотра.