Как многие из вас знают, что он широко используется для ленивых изображений загрузки.
Теперь я хочу использовать это как ленивые фоновые изображения div.
Как я могу это сделать?
В настоящее время я могу использовать http://www.appelsiini.net/projects/lazyload плагин
Поэтому мне нужно изменить его так, чтобы он работал с фоном div
Нужна помощь. Спасибо.
В приведенной ниже части я предполагаю, что ленивые загрузки изображений
$self.one("appear", function() {
if (!this.loaded) {
if (settings.appear) {
var elements_left = elements.length;
settings.appear.call(self, elements_left, settings);
}
$("<img />")
.bind("load", function() {
$self
.hide()
.attr("src", $self.data(settings.data_attribute))
[settings.effect](settings.effect_speed);
self.loaded = true;
/* Remove image from array so it is not looped next time. */
var temp = $.grep(elements, function(element) {
return !element.loaded;
});
elements = $(temp);
if (settings.load) {
var elements_left = elements.length;
settings.load.call(self, elements_left, settings);
}
})
.attr("src", $self.data(settings.data_attribute));
}
});
Плагин Jquery plugin lazy load