2011-09-23 98 views
0

在這個網址,你可以看到正在加載jQuery的圖像:http://projects.kleelof.com/dtcapture/更新圖像 - Internet Explorer中顯示出部分圖像

一旦加載圖像,腳本再次加載它。現在它是一個靜態圖像。但是當完整的應用程序正在運行時,它會顯示不同的圖像。

反正...問題...

在Firefox和Chrome,以前的圖像將一直保持到新的一個被加載。但是,在IE中,它將刪除最後一張圖像,並在下載時使用新圖像填充空間。所以你會得到這個緩慢充滿圖像的黑盒子。

任何想法如何讓IE瀏覽器在新圖像下載後替換當前圖像?

lee

回答

1

要實現的流程是:

  1. 加載一個新的形象。
  2. 當新的圖像被加載
    • 取出舊圖像
    • 使一個新的圖像的請求(循環)

這裏是做一個樣品:http://jsfiddle.net/933hg/

+0

謝謝。那就是訣竅。也非常感謝發佈這樣的代碼。 –

+0

沒問題。我可以推薦你將URL改爲DTgetImage.php文件,否則我們所有人都可以看到屏幕上發生了什麼。 –

0

您可以嘗試onLoad事件。在隱藏的div中創建圖像,然後在其上附加onLoad事件。事件發生後,將圖像移動到位。

但請務必仔細閱讀img onload doesn't work well in IE7

相關問題