jquery 图片瀑布流

$(document).ready(function() {
    var $container = $('#masonry');
    $container.imagesLoaded(function() {
        $container.masonry({
            itemSelector: '.item',
            columnWidth: 200,
            gutter: 10
        });
    });
});

$(window).scroll(function() {
    $('.lazy').each(function() {
        if ($(this).offset().top < $(window).scrollTop() + $(window).height() + 200) {
            $(this).attr('src', $(this).data('src'));
            $(this).removeClass('lazy');
        }
    });
});

@media (max-width: 768px) {
    .item {
        width: 100%;
    }
}

function adjustLayout() {
    var width = $(window).width();
    if (width < 768) {
        $container.masonry({ columnWidth: '100%' });
    } else {
        $container.masonry({ columnWidth: 200 });
    }
}
$(window).resize(adjustLayout);