Создадим адаптивную плитку изображений с использованием jQuery Masonry, ImageFill.js, ImagesLoaded и Bootstrap Grid.
Поделиться
Твитнуть
Поделиться
Класснуть
Запинить
Архив данных для урока: Скачать
Использовали:
Masonry: https://masonry.desandro.com
ImageFill.js: https://johnpolacek.github.io/imagefill.js/
ImagesLoaded: desandro/imagesloaded
Masonry ImageLoaded Script:
var $container = $(".masonry-container"); $container.imagesLoaded(function () { $container.masonry({ columnWidth: ".item", itemSelector: ".item" }); });