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

Создадим адаптивную плитку изображений с использованием jQuery Masonry, ImageFill.js, ImagesLoaded и Bootstrap Grid.

Архив с данными для урока: Скачать

Использовали:

Masonry: http://masonry.desandro.com

ImageFill.js: http://johnpolacek.github.io/imagefill.js/

ImagesLoaded: https://github.com/desandro/imagesloaded

Masonry ImageLoaded script:

var $container = $(".masonry-container");
$container.imagesLoaded(function () {
	$container.masonry({
		columnWidth: ".item",
		itemSelector: ".item"
	});
});