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

Respuestas a la pregunta(7)

Su respuesta a la pregunta