Refresh immagine senza sfarfallio

**giustavalla** · 05-04-2020, 07:48

Ho una webcam che ogni 5-10 secondi invia un'immagine nel web.
Con la seguente pagina visualizzo nel browser tale immagine, sempre diversa.

codice:

<% 
Response.Expires=0
Response.AddHeader "PRAGMA","NO-CACHE"
Response.AddHeader "cache-control", "private"
Response.CacheControl = "no-cache"
%>
<html>
<head>
<title>FOTO REMOTA</title>
<script language="Javascript">
// <!--
setTimeout(function() { window.location=window.location;},2000);
// -->   
</script>
</head>
<body>
<%
Randomize()
Imm="remota.jpg" & "?r="+cstr(cint(rnd*10000)+1)
response.write "<img src='"+Imm+"'>"
%>
</body>
</html>

L'inconveniente è che c'è uno sfarfallio ad ogni ricaricamento della pagina (ogni 2 secondi nell'esempio)
Come si potrebbe evitare questo sfarfallio ?
Grazie per l'attenzione

**br1** · 05-04-2020, 15:38

Fai tutto lato client:

codice:

<img src="remota.jpg" id="foto">
<script>
window.setTimeout(function(){pippo()},2000);
var myImg = new Image();
function pippo() {
	myImg.src = 'remota.jpg?r='+Math.random();
	document.getElementById('foto').src = myImg.src;
}
</script>

Discussione: Refresh immagine senza sfarfallio

Strumenti discussione

Ricerca discussione

Visualizza

Refresh immagine senza sfarfallio

Permessi di invio