Css div background image loading

if (settings.appear) {
    var elements_left = elements.length;
    settings.appear.call(self, elements_left, settings);
}
var loadImgUri;
if($self.data("background"))
    loadImgUri = $self.data("background");
else
    loadImgUri  = $self.data(settings.data_attribute);

$("<img />")
    .bind("load", function() {
        $self
            .hide();
        if($self.data("background")){
            $self.css('backgroundImage', 'url('+$self.data("background")+')');
        }else
            $self.attr("src", $self.data(settings.data_attribute))

        $self[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", loadImgUri );
}

Source: stackoverflow.com

Similar codes

0 vote183 views1 answer
Css webkit propert dissapears on build sass
CSS
0 vote162 views2 answers
Use .map to count length of each element in an array
CSS
-1 vote163 views1 answer
Asp.net set css class in code behind
CSS
1 vote244 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
2 votes182 views2 answers
Html font white text with black border
CSS
0 vote219 views2 answers
Button with background image and text html css
CSS
50 votes168 views3 answers
How to center in absolute position
CSS
52 votes169 views4 answers
Css change text size
CSS
-2 votes184 views1 answer
Change icon color to gradient css
CSS
0 vote178 views1 answer
Css light mode
CSS