giovedì, marzo 25, 2010

Aggiornare una immagine senza ricaricare la pagina

Piccolo code snippet in Javascript.
Mettiamo che abbiate una immagine da aggiornare ogni tot, senza ricaricare tutta la pagina, per esempio aggiungete al vostro blog una immagine prodotta da una webcam. Nell'head della pagina mettete:

<script type="text/javascript">
<!--//--> < ![CDATA[//> < !--
function reloadImage()
{
document.getElementById('idlpic').src = 'lpic.jpg?' + Math.random();
setTimeout('reloadImage()', 15000);
}
//--> < !]]>
</script>

e nel corpo della pagina mettete:

<body onload="reloadImage()">

<div> <img src="lpic.jpg" id="idlpic" alt="Immagine Webcam" /> </div>

Dove "lpic.jpg" è il nome della immagine e "15000" sta per intervallo in millisecondi.
Scritto a memoria, spero non contenga errori.

Nessun commento:

Posta un commento