CSS background-images onload check

Question

Im using http://desandro.github.com/imagesloaded/ imagesLoaded plugin which works great for detecting when a div's images have loaded:

$('.background').imagesLoaded(function() {
console.log('background loaded');
});

I need this to also check when a background-image applied via CSS has been loaded as the above plugin doesnt seem to listen for background-images.

Any ideas?

$('<img>').attr('href', 'urlHere.jpg').imagesLoaded(function(){ console.log('backgroundImage loaded, apply as BG'); }); might work? — Roko C. Buljan
– Roko C. Buljan, Commented Dec 2, 2012 at 20:00

alex · Accepted Answer · 2013-02-07 05:45:16Z

2

Take a look at waitForImages plugin, it can detect loading of images referenced in the CSS.

https://github.com/alexanderdickson/waitForImages

edited Feb 7, 2013 at 5:45

alex

492k205 gold badges891 silver badges992 bronze badges

answered Dec 2, 2012 at 20:04

Michael Samteladze

1,36018 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

TomD Over a year ago

thanks @Michael Samteladze, this looks like a good plugin but having a few issues with it. I have 20 divs with background images on. I can set this plugin to check for when each divs images are loaded. but when each call is made to say a div is ready i cannot reference the div, only the image object.

alex Over a year ago

@TomD The this should be a reference to the image. If it's not, please file an issue.

chipmunk · Accepted Answer · 2012-12-02 20:02:34Z

2

This is a known issue in this plugin, but there is a workaround, Please read darcyclarke comment in this page https://github.com/desandro/imagesloaded/issues/29

answered Dec 2, 2012 at 20:02

chipmunk

9809 silver badges20 bronze badges

Collectives™ on Stack Overflow

CSS background-images onload check

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related