Задать вопрос
Делай сегодня то, чего другие не хотят - завтра будешь жить так, как другие не могут. (Джаред Лето)
Контакты

Достижения

Все достижения (4)

Наибольший вклад в теги

Все теги (13)

Лучшие ответы пользователя

Все ответы (13)
  • Почему Masonry.js накладывает изображения друг на друга?

    Stiflerus
    @Stiflerus
    Саморазвитие мое все.
    Класная статья с решением
    $(document).ready(function() {
    $('#content').masonry({
    columnWidth: 320,
    itemSelector: '.item'
    }).imagesLoaded(function() {
    $('#content').masonry('reload');
    });
    });

    У меня тот же вопрос... никак не могу решить.
    Блин не тот адрес набрал=)) Вот и решение=) Немного дергаеться но зато никаких помех=)) Хотя вместо начала $(document).ready() напиши $(window).load()

    Вот мой робочий код, хотя тут ищо пишут нада установить "Modernizr":
    $(window).load(function() {
    var container = document.querySelector('#posts');
    var msnry = new Masonry( container, {
    itemSelector: '.item-post',
    singleMode: false,
    // true - если у вас все блоки одинаковой ширины
    isResizable: true,
    isFitWidth: true,
    // перестраивает блоки при изменении размеров окна
    isAnimated: !Modernizr.csstransitions
    // опции анимации - очередь и продолжительность анимации
    }).imagesLoaded(function() {
    $('#posts').masonry('reload');
    });
    });
    Ответ написан
    2 комментария

Лучшие вопросы пользователя

Все вопросы (15)