isotope + lazyload делает перезагрузку элементов при фильтрации

Плагины работают хорошо, при загрузке фильтра по умолчанию. Проблема заключается в том, что при переходе на другой фильтр (с использованием изотопа) элементы хорошо отображаются, но при прокрутке элементы перезагружаются, что приводит к появлению вспышки для любого из них.

Мой код JS:

var $win = $(window);
var $container = $('.PortfolioItemContainer'),
$containerProxy = $container.clone().empty().css({ visibility: 'hidden' });
var $items = $('.PortfolioItemContainer .bgCover');

$items.lazyload({
    effect: "fadeIn",
    effectspeed: 1500,
    failure_limit: Math.max($items.length - 1, 0)
});

var grid = $('.PortfolioItemContainer').isotope({
    resizable: false,
    filter: '.all',
    masonry: { columnWidth: Math.floor( $('.PortfolioItemContainer').width() / 4)},
    onLayout: function() {
        $win.trigger("scroll");
    }
});

Скриншот по прокрутке. Иногда перезагружаются (мигают) 2,3, 4,.. элементы

Любые решения приветствуются

Подобный пример здесь: http://jsfiddle.net/ZnEhn/255/

Нажмите на любой другой фильтр и прокрутите. Результат: некоторые элементы, загруженные из 'all', отображаются, а новые элементы теперь загружаются так, что происходит случайное мигание

0 ответов

Другие вопросы по тегам