LazyLoad загрузки всех изображений на нагрузке

Question

Я не могу себе представить, как это только начало происходить, это работает отлично в течение нескольких месяцев ...

http://www.lizhess.com/shop/

Смотрите вкладку нетто в хроме/далее - он загружает 250 + обратные запросы после секунды нахождения на странице ... в нем говорится, что jquery инициирует эти запросы ...

Это почти как если что-то в LL запутано, какие изображения видны ... Я пробовал много варианты безрезультатно.

С помощью этого LL: http://www.appelsiini.net/projects/lazyload и используя этот код:

jQuery("img.lazy").lazyload({ 
effect: "fadeIn", 
    effectspeed: 200, 
    failure_limit: Math.max(jQuery("img").length - 1, 0) 
}); 

Есть идеи?

Answer 1

Похоже, что это настройка event. К default он установлен в scroll, и похоже, что он загружает все изображения на прокрутке.

В консоли, если вы делаете:

jQuery('img.lazy').attr('src', ''); //Reset the images 
jQuery('img.lazy').lazyload({event: 'hover'}); //Rebind our own 

вы заметите, что он правильно работает при наведении курсора мыши в настоящее время. Поэтому я считаю, что это всего лишь событие scroll, вызывающее проблемы. Странная вещь в том, что я считаю, что настройка threshold должна позаботиться об этом, но я никогда не использовал плагин, поэтому я не совсем уверен.

Тем не менее, я надеюсь, что это по крайней мере указывает на вас в правильном направлении, и вы можете либо изменить событие, либо пошатнуть, какие img элементов вы lazyLoad.

Update

Если вы делаете что-то подобное с плагином обнародует (в консоли), на самом деле, кажется, правильно работать (в Firefox, без заполнителей):

jQuery('img.lazy').attr('src', ''); 
jQuery('img.lazy').unveil(); //Images will now load as they are scrolled to 

Так может быть, вы может попытаться отложить вызов для раскрытия.