jQuery detect css background-image finish download

Question

Sto cercando di scaricare un'immagine quindi applicare una dissolvenza usando css background-image.
posso fare questo quando si tratta di un normale <img src=''/> in questo modo:

#mainImg {display:none} 

var c = $('#mainImg'); 
$(new Image()).load(function(){ 
    c.fadeIn(300); 
}).attr('src', c.attr('src')); 

Ma come faccio a rilevare quando si tratta di un css background?
Ecco CSS utilizzando jQuery, ma I cant sembrano per farlo come il codice di cui sopra e rilevare quando il download è finito

$('<img/>').attr('src', 'image.png').load(function() { 
    $('#mainImg').css('background-image', 'url(image.png)'); 
}); 

modificare questo ha aiutato! How can I check if a background image is loaded? ringraziamento @colin

Answer 1

ho fatto prima aggiungendo temporaneamente un'immagine figlio nascosto al div, quindi impostando backround del suo genitore e dissolvenza in apertura, quando l'evento carico l'immagine del bambino ha sparato. Meglio eliminare l'immagine del bambino in seguito, per mantenere le cose in ordine! Potresti semplicemente aggiungere l'immagine ovunque, ma questa era un'applicazione di mappatura e dovevo mantenere le immagini associate alle loro div parent!