Как поправить блоки massonry?

Question

[Иван Лыков]

Народ, вешаю ссылку, вот colab.com.ru/Port/HomePage.php
При загрузке страницы, блоки не сидят как нужно. Но стоит изменит размер экрана вручную, все блок расставляются по местам... Что за делема, и как ее решить?
colab.com.ru/Port/HomePage.php

Answer 1

[Truth4oll]

выполнять данный код необходимо после полной загрузки страницы (dom)

var container = document.querySelector('.masonry-container');
var msnry = new Masonry( container, {
  columnWidth: '.item',
  itemSelector: '.item'
});

Comments

[Иван Лыков]

Не все одно. У меня файл и так в самом низу подключен, щас его вынес в футер - код

[Truth4oll]

Jhon_Light:
Masonry работает с размерами объектов, но на момент выполнения кода картинки возможно еще не загружены, и точные их размеры неизвестны, поэтому код необходимо выполнять именно после того как все элементы прогрузятся. в Jquery это выглядело бы вот так:

$(window).load(function(){
var container = document.querySelector('.masonry-container');
var msnry = new Masonry( container, {
  columnWidth: '.item',
  itemSelector: '.item'
});
});