GIF後運行JavaScript滿載jQuery的

Question

我知道我可以使用

$(".container").ready(function(){ 
    // Run after DOM loaded 
}); 

運行代碼的DOM已經完全加載後。這包括圖像，儘管它看起來不包括GIF圖像。從我所看到的情況來看，將gif的第一幀加載爲「已加載」。

填充gif加載後有沒有辦法觸發代碼？

Answer 1

您可以使用此用例的imagesloaded插件。

Answer 2

<img>元素在onload事件上 - 這應該有所斬獲。

如果您想使用jQuery的是，你可以在這裏讀到它：https://api.jquery.com/load-event/

Answer 3

圖片有onload event是火災。

$(".image-selector").on("load", function(){ 
    // Run after the image has loaded. 
}); 

如果您靶向IE的舊版本（預IE9）有時有煩惱，如果動態改變src財產，你還必須檢查image.complete屬性。

編輯：去尋找屬性名，發現了這個問題：jQuery callback on image load (even when the image is cached)

Answer 4

這個怎麼樣

$(document).ready(function(){ 
    $("gif selector").load(function(){ 
     alert("gift loaded."); 
    }); 
}); 

例子：http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_load