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', отображаются, а новые элементы теперь загружаются так, что происходит случайное мигание