Масонство не правильно укладывается

Я использую masonry.js для достижения эффекта каменной кладки на моем сайте. Однако у меня возникают трудности с тем, чтобы изображения были собраны в нужные места, чтобы иметь бесщеточный макет. Я убедился, что все изображения обрезаны до нужных размеров, поэтому они будут идеально вписываться, но я все еще получаю пробелы. Любая помощь будет замечательной! Спасибо огромное!

Здесь ссылка на сайт: http://zechnelson.com/missionsme

2 ответа

Существует "OR" между двумя кодами, вы вставили оба на страницу! Вы новичок?

Также вы используете структуру UL> LI, тогда как документация дает указание использовать макет div, как показано ниже.

<div id="container">
 <div>...</div>
 <div>...</div>
 <div>...</div>
 ...
</div>

Также добавьте класс "item" в свои таблицы стилей, как показано ниже:

.item { width: 25%; }

См. POC по адресу: http://jsfiddle.net/souviiik/GkTL6/


Вы пропустили инициализацию масонства?

var container = document.querySelector('#container');
var msnry = new Masonry( container, {
 // options
 columnWidth: 200,
 itemSelector: '.item'
});

-------------------------- ИЛИ ----------------------- ---

licensed under cc by-sa 3.0 with attribution.