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

1 vote171 views1 answer
BEM example css
CSS
1 vote113 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
45 votes127 views6 answers
How to write css in html
CSS
0 vote116 views2 answers
Mask image css
CSS
0 vote144 views1 answer
Label for centered image
CSS
1 vote108 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
9 votes114 views2 answers
Flex float
CSS
11 votes123 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
0 vote128 views1 answer
Background url with color css
CSS
0 vote111 views1 answer
Textauswahl deaktivieren
CSS