Как сформировать такой блок при помощи Masonry?

Question

[Qurel]

Не получается правильно сформировать блок при помощи Masonry.
Вот как должно быть:

Как получилось у меня:

Код:
https://codepen.io/Qurel/pen/NEzbKL

Comments

[Qurel]

Спасибо огромное! Получилось!
Но есть один ньюанс: если подключаешь плагин imagesloaded - ничего не работает, подключен один Masonry.

let $grid = $('.grid').imagesLoaded( function() {
        $grid.masonry({
            // указываем класс элемента являющегося блоком в нашей сетке
            itemSelector: ".grid-item",
            gutter: 3,
            // true - если у вас все блоки одинаковой ширины
            singleMode: false,
            // columnWidth: 119,
            // перестраивает блоки при изменении размеров окна
            isResizable: true,
            // анимируем перестроение блоков
            isAnimated: true,
            // опции анимации - очередь и продолжительность анимации
            animationOptions: {
                queue: false,
                duration: 500
            }
          });

Странно почему так. Маленькие картинки становятся как надо, в консоли конечно ошибка, так как не подключен плагин:

Answer 1

[Денис Васильев]

https://masonry.desandro.com/layout.html#imagesloaded

Answer 2

[Qurel]

Спасибо огромное! Получилось!
Причем, если подключаешь плагин imagesloaded - ничего не работает, подключен один Masonry.

let $grid = $('.grid').imagesLoaded( function() {
        $grid.masonry({
            // указываем класс элемента являющегося блоком в нашей сетке
            itemSelector: ".grid-item",
            gutter: 3,
            // true - если у вас все блоки одинаковой ширины
            singleMode: false,
            // columnWidth: 119,
            // перестраивает блоки при изменении размеров окна
            isResizable: true,
            // анимируем перестроение блоков
            isAnimated: true,
            // опции анимации - очередь и продолжительность анимации
            animationOptions: {
                queue: false,
                duration: 500
            }
          });

Странно почему так. Маленькие картинки становятся как надо, в консоли конечно ошибка, так как не подключен плагин: