2010-10-27 60 views
1

我想要做的是當用戶將鼠標放在縮略圖上時,更改網頁上的圖像。這很容易做到這一點,因爲縮略圖src只有'tn_'附加到文件名,否則是相同的。關於img src替換的jQuery回調?

我遇到的問題是,當我切換圖像上的src時,attr函數幾乎立即返回img dom元素,而圖像本身不會更改,直到加載新圖像。我想要進行某種回調,以便我可以更改光標以顯示加載符號,或者在加載新圖像時在頁面上的某處寫入加載內容。

我該怎麼做?

回答

4

您可以給圖像一個load()回調。

$('#imageID').load(function() { .... }); 
+1

請記住load()並不總是在圖像位於瀏覽器緩存中時觸發。您需要使用DOM img.complete添加一些邏輯。閱讀load()文檔頁面上的註釋以獲得一些見解。 – mpdonadio 2010-10-27 19:40:00

+0

@MPD我知道這是舊的,但這是有關聯的。如果在更改src之前將事件綁定到映像,則無論緩存如何,都會觸發事件。 – 2012-10-02 20:35:56