Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Refresh immagine senza sfarfallio

    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

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,997
    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>
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.