Masonry — создание адаптивных плиток (jquery, masonry, imagesloaded, imagefill, bootstrap, vh)

Создадим адаптивную плитку изображений с использованием 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"
	});
});