jquery lazy loading plugin

Question

Я создаю портал, используя большое количество изображений. Для гладкости добавить отложенную загрузку плагин для этого портала

Это плагин http://www.appelsiini.net/projects/lazyload

Я использовал этот код для инициализации плагина:

$(function() { 
    $("img.lazy").lazyload({ 
     effect: "fadeIn" 
    }); 
}); 

Image URL выглядит так:

<a href="#"> 
    <img src="/public/images/dflt_03.jpg" data-original="<?php echo $this->magImg;?><?php echo $top['img_path'];?>" width="180" height="230" alt="cover" class="lazy"> 
</a> 

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

Answer 1

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

$("html, body").trigger("scroll"); 
$(window).trigger("resize"); 

Answer 2

Смотрите предложение исправить here

я проверил плагин и изменил эту строку в обновлении метод:

if (settings.skip_invisible && $this.css('display') === 'none') { 
//if (settings.skip_invisible && !$this.is(":visible")) {