Force Image Нагрузка на Ленивый Load XT

Question

Любая идея, как Force Image Load из конкретныхdiv из Lazy Load XT jQuery plugin?
Я имею в виду data-src="" Изображение загрузится автоматически после загрузки страницы без страницы прокрутки или окна просмотра.
Этот плагин загружает изображения только на следующие события: loadorientationchangeresizescroll.
Но не удается найти документацию, показывающую, как этого достичь.

HTML:

<div class="specific"> 
<img data-src="/images/post-image.jpg"> 
</div> 

Примечание: Я не могу изменить вручную IMG атрибуту data-src="" в src=""

Answer 1

Я не знаю, как для Layz нагрузки XT. Но я думаю, что это довольно аккуратная функциональность, поэтому я обновил свой собственный плагин, jQuery Lazy, для этого. Может быть, это тоже помогает. Он доступен с версии 1.7.4.

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

// create lazy instance 
 
var instance = $(".lazy").lazy({ 
 
    chainable: false, 
 
    autoDestroy: false, 
 

 
    // below just for demonstration 
 
    bind: "event", 
 
    appendScroll: null 
 
}); 
 

 
// just for demonstration 
 
$("body") 
 
    .append('<img class="lazy test1" src="" data-src="//dummyimage.com/150x100/&text=1">') 
 
    .append('<img class="lazy test2" src="" data-src="//dummyimage.com/150x100/&text=2">'); 
 
instance.addItems(".lazy"); 
 

 
// load only 'img' with class '.test1' 
 
instance.force(".test1");

img { 
 
    width: 150px; 
 
    height: 100px; 
 
    margin: 5px; 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/jquery.lazy/1.7.4/jquery.lazy.min.js"></script>