強制IE清除圖像

Question

我有一個在彈出窗口中的圖像標籤。此彈出窗口顯示的圖像取決於用戶點擊的內容。彈出窗口被關閉（這只是隱藏了彈出窗口，並沒有從DOM中刪除任何東西），然後點擊一個新項目，彈出窗口被重新顯示，並且圖像的src屬性被更改爲新的窗口。

我遇到的問題是在IE中，它會保留舊圖像，直到下載新圖像。通常情況下這不是問題，但圖像是一個可能需要幾秒鐘的處理程序的調用。通過將src屬性設置爲空，然後將其設置爲處理程序，我可以在IE8和IE9中修復此問題。在插入新圖像之前，這正確地清除了圖像。

儘管這個解決方案在IE7中不起作用。我正在計劃使用一個小的清晰的gif作爲src而不是空的，以便它能快速替換圖像，然後開始加載下一個。我將添加一個圖像標記到頁面，以便它被緩存在用戶瀏覽器中以使圖像幾乎立即加載。這聽起來像是一個好的解決方案嗎？我忽略了什麼重大缺陷或警告？

這很不好，我真的很喜歡這樣做的更優雅的方式。

Answer 1

從DOM中刪除IMG標記並在交換SRC之前重新插入它。

或者，您可以使用a data URI並使用編碼爲Base64的空白圖像。