Javascript Image Reloading;閃爍

Question

我有一個圖像，out.jpg，即每秒更新或更新。我希望圖像顯示在HTML文件中，並始終保持最新狀態。我原來的解決方案是每半秒重新載入一次圖像。這工作正常，但圖像會在加載時閃爍白色一秒。

任何解決方案？

我想做些什麼來解決，這是對圖像加載到一個單獨的隱藏<img>標籤，然後將其加載到可見<img>標籤，讓它從緩存中打開它，消除閃爍。這部分時間是有效的，但通常out.jpg會從隱藏標記加載它和可見標記加載它時發生變化...導致更多閃爍。

Answer 1

你這樣加載圖片？

可能一些預載技術是你需要的。你可以在jquery中創建一個圖像，並將load(）事件綁定到它。只有當事件觸發你交換圖像的img.src在HTML

http://api.jquery.com/load-event/

Answer 2

這是我會怎麼做： 使負載在一個隱藏的股利。在該圖像上放置一個事件，以便每當它完全加載時，它將被設置爲另一個img標籤的src，或者甚至作爲a的背景。

然後，我會確保只有在圖像已完全加載後纔會倒計時0.5-1秒，以便具有較慢互聯網連接（或幾次同時下載）的用戶不會再次重新加載新圖像然後再次。