當javascript中顯示圖像時，有沒有辦法獲取信息？

Question

當使用全屏圖像庫並在圖片之間進行混合時，某些圖像會更大並且需要一些時間來加載和顯示。

是的，有一個函數調用onload，它在加載圖像時調用。不幸的是，如果圖像質量很高，加載事件後需要一些時間才能顯示或渲染。

我的問題是，我怎樣才能知道圖像渲染/顯示，所以我可以做適當的混合？ 當混合舊圖像淡出，然後我改變一個圖像，然後我淡入一個新的圖像。不幸的是，如果圖像需要一些時間來顯示，它會淡入「無」，然後圖像將立即顯示。

Answer 1

使用jQuery：

<img src="book.png" alt="Book" id="book"> 

$("#book").load(function() { 
    // Handler for .load() called. 
}); 

Answer 2

使用

$(window).load(function(){}) 

所有照片已經被加載後，這將觸發。 見this。