Cacher is the code snippet organizer for pro developers

/*
Пример вызова Masonry http://masonry.desandro.com
В данном примере решается проблема некорректного отображения сетки
из-за того, что изображения не успевают загрузиться
*/

$(window).load(function(){

    // Masonry (Cascading grid layout library) : begin
    var container = document.querySelector('.grid');
    var msnry = new Masonry( container, {
        // options
        singleMode: false,
        isResizable: false,
        columnWidth: 220,
        itemSelector: '.grid .grid-item',
        gutter: 20
    });
    // Masonry (Cascading grid layout library) : end

    // show gallery after all load
    $('.grid').css('opacity', 1);
    
});