2012-11-04 10 views
6

Ich versuche, ein Bild herunterzuladen, dann wenden Sie eine Fade mit css background-image.
Ich kann dies zu erreichen, wenn es so eine regelmäßige <img src=''/> wie ist:
jQuery erkennen css background-image finish herunterladen

#mainImg {display:none} 

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

Aber wie kann ich es erkennen, wenn es sich um eine css background ist?
Hier css mit jQuery, aber ich kann nicht scheinen, um es wie der obigen Code zu erhalten und erkennen, wenn der Download

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

bearbeiten geholfen ist fertig! How can I check if a background image is loaded? danke

+1

http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript/ – NickD

+0

mögliches Duplikat von [Wie kann ich prüfen, ob ein Hintergrundbild geladen ist?] (Http: // stackoverflow .com/questions/5057990/how-can-i-check-wenn-ein-hintergrund-bild-is-loaded) – hitautodestruct

Antwort

1

@colin ich dies habe zuvor getan, indem vorübergehend ein verstecktes Kind Bild auf das div anhängt, dann seine Eltern Hintergrund Bildeinstellung und, wenn das Kind Bild der Last-Ereignis ausgelöst hat Verblassen. Am besten löschen Sie das Kindbild anschließend, um die Dinge sauber zu halten! Sie könnten das Bild einfach irgendwo anhängen, aber das war eine Mapping-Anwendung, und ich musste die Bilder behalten, die ihren Elterndivs zugeordnet sind!