JS - Reload image
Hoe kan ik met javascript een image (wat gegenereerd wordt door php) elke halve seconde laten vernieuwen?
Meestal worden zulke dingen voor webcams gebruikt.
Zoek op google gewoon naar webcam verversen o.i.d. dan vind je automatisch wel een paar scripts die je kunt gebruiken.
Zoek op google gewoon naar webcam verversen o.i.d. dan vind je automatisch wel een paar scripts die je kunt gebruiken.
Code (php)
1
2
3
4
5
2
3
4
5
<img id="ImageID" src="Image.php">
<script type="text/javascript">
setInterval('document.getElementById("ImageID").src="Image.php?"+Math.random();',500);
</script>
<script type="text/javascript">
setInterval('document.getElementById("ImageID").src="Image.php?"+Math.random();',500);
</script>
Bij de <img>-tag moet je natuurlijk nog wat attibuten toevoegen (height, width, alt) en de src aanpassen.
Het JavaScript zet je het beste vlak voor de afsluitende </body>-tag, maar in ieder geval ná de <img>-tag.
EDIT
Een halve minuut veranderd naar een halve seconde.
Gewijzigd op 01/01/1970 01:00:00 door Kees V