Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Is there any way to detect that a CSS background image has been loaded? By using normal <img> tags this would be easy but I need to use a CSS background because I’m placing divs over the image.
The reason why I need to detect that this image has been loaded is that I don’t want to start preload additional images before the background image is shown.
You can force the background image to download to the client’s browser using traditional javascript methods to pre-load images. Once its downloaded it becomes cached by the client and will display instantly when you edit the background-image css in javascript.
Be warned though, this is bad practice for progressive enhancement. In other words, your web page’s appearance will be limited by the browser’s support for javascript.