Rafraichissement d'une image

le 13/02/2008 à 09:56

zOy

Bonjour à tous. J'ai fait un système de webcam en live.

J'ai trouvé un système de rafraichissement automatique qui rafraichis la page toutes les X secondes.

Mais je voudrais que sa soit QUE l'image qui se rafraichit et non-pas TOUTE LA PAGE.

J'ai aussi vu que cela existait en Ajax. Mais je ne vois pas où trouves ces sources.

Blue Star Investment

Citer ce message

le 14/02/2008 à 01:25

LA GLOBULE

Pas besoin d'Ajax pour faire ce genre de trix.

L'idée, c'est juste de changer l'URL de l'image avec un paramètre qui varie en fonction du temps (pour éviter le cache du navigateur).

Un truc du genre suffit :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Rafraichissement d'une image</title>



<script type="text/javascript">

var url = '';



function load() {

	url = document.getElementById('image').src;

	setInterval('refresh_img()', 1000);

}



function refresh_img() {

	var ndate = new Date();

	var nocache = ndate.getTime();



	document.getElementById('debug').innerHTML = url + '?' + nocache;

	document.getElementById('image').src = url + '?' + nocache;

}



var previousOnload = window.onload;

window.onload = function () { if(previousOnload) previousOnload(); load(); }

</script>



</head>

<body>



<img id="image" src="logo.gif" alt="logo" />

<pre id="debug"></pre>



</body>

</html>