Re: [問題] 如何更新圖片而畫面不閃動??

看板Web_Design作者時間11年前 (2012/08/31 14:32), 編輯推噓1(103)
留言4則, 2人參與, 最新討論串3/3 (看更多)
爬文爬到這篇老文章,才發現我現在的需求跟這個很像,不過我已經解決讀圖的 問題了 我現在的問題是,圖片載入的時候,在ie跟chrome都不會閃,可是在firefox卻 會閃動,請問有什麼解決方案可以讓圖片更新的時候不會閃嗎? html的內容大概是 <script> window.onload = function() { setInterval(get_image, 500); }; function get_image() { var image_url = 'http://XXX/image0.jpg'; var playback_image = document.getElementById('myimage'); playback_image.src = image_url + '?' + Math.random(); } </script> <body> <div> <img id=myimage width=500 height=350> </div> </body> 有人可以建議解決的方向嗎?謝謝 ※ 引述《toshii (用了十年的暱稱要改一下!)》之銘言: : 請問我伺服器有一張a.gif : 會隔10秒更新,圖會變但是檔名不變 : 我載入這張圖的HTML檔寫 : <meta http-equiv="refresh" content="10"> : 如此refresh能夠更新這張圖 : 但是畫面會有明顯的閃動 : 為求完美,我想用XML的方式解決閃動 : 把<meta....>拿掉 : 寫了一個test.xml : (略) : <p0>a.gif</p0> : 然後每10秒去讀那個test.xml : HTML內容大概是: : 有個<td id="dd">&nbsp;</td> : 然後 : xd是loadXMLDocs("test.xml") : xdn=xd.getElementsByTagName("p0")[0].childNodes[0] : xx=document.getElementById("dd") : xx.innerHTML="<img src="+xdn.nodeValue+">" : 大概是這樣用XML去讀a.gif : 我在自己電腦上試都ok..圖會變 : 但是我放在網路上,就會有cache出現 : 我覺的XML應該有在更新.. : 但圖不會變...除非我按F5重整 : 請問用XML行不通嗎?? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 111.250.34.121

08/31 14:42, , 1F
用img preload..解決看看
08/31 14:42, 1F

08/31 20:50, , 2F
如果其他方法沒用,我來提個很麻煩的做法:用position
08/31 20:50, 2F

08/31 20:52, , 3F
absolute把新的圖prepend進去讓它被蓋住,然後再把舊
08/31 20:52, 3F

08/31 20:53, , 4F
的圖拿掉(想要的話還可以順便加個fadeOut)。
08/31 20:53, 4F
文章代碼(AID): #1GG5gEPv (Web_Design)
文章代碼(AID): #1GG5gEPv (Web_Design)