Re: [問題] 如何更新圖片而畫面不閃動??
爬文爬到這篇老文章,才發現我現在的需求跟這個很像,不過我已經解決讀圖的
問題了
我現在的問題是,圖片載入的時候,在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"> </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
08/31 14:42, 1F
→
08/31 20:50, , 2F
08/31 20:50, 2F
→
08/31 20:52, , 3F
08/31 20:52, 3F
→
08/31 20:53, , 4F
08/31 20:53, 4F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 3 之 3 篇):