Cómo hacer lazy load div imágenes de fondo
Como muchos de ustedes saben, se utiliza ampliamente para cargar imágenes perezosas.
Ahora quiero usar esto como imágenes de fondo de carga perezosa div.
Cómo puedo hacer eso ?
Actualmente soy capaz de usarhttp://www.appelsiini.net/projects/lazyload ese plugin
Así que necesito modificarlo de manera que funcione con fondos div
Necesitas ayuda. Gracias.
La parte de abajo supongo que carga imágenes perezosas
$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 carga perezosa