Question

162

rated 0 times [ 163] [ 1] / answers: 1 / hits: 34036 / 15 Years ago, fri, december 18, 2009, 12:00:00

I have the following CSS class that I'm applying on a <td> tag:

.bg {

   background-image: url('bg.jpg');

   display: none;

}

How can I tell with JavaScript/jQuery that the background image finished loading?

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 302

Total Questions: 89

Total Answers: 100

Location: Guadeloupe

Member since Sat, Jul 25, 2020

4 Years ago

margob questions

Thu, Apr 21, 22, 00:00, 2 Years ago

Fri, Jun 18, 21, 00:00, 3 Years ago

Mon, Jun 29, 20, 00:00, 4 Years ago

Mon, Jul 15, 19, 00:00, 5 Years ago

Wed, Sep 26, 18, 00:00, 6 Years ago

answered 15 Years ago judydestiniem · Accepted Answer

The only way I know of to do this is to load the image using Javascript, and then set that image as the backgroud.

For example:

var bgImg = new Image();

bgImg.onload = function(){

   myDiv.style.backgroundImage = 'url(' + bgImg.src + ')';

};

bgImg.src = imageLocation;