Rafraichissement d'une image
le 13/02/2008 à 09:56
zOy
Déconnecté
www.zoytorrent.com, www.xtrem-scripts.fr, www.goomba.fr
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.
le 14/02/2008 à 01:25
LA GLOBULE
Déconnecté
111 111 111 x 111 111 111 = 12 345 678 987 654 321
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>
le 02/03/2008 à 08:48
super ce script, mais il affiche sous l'image une ligne avec l'adresse et des chiffres, comment la faire disparaitre?
le 02/03/2008 à 17:06
LA GLOBULE
Déconnecté
111 111 111 x 111 111 111 = 12 345 678 987 654 321
Ben tu vires la ligne :
document.getElementById('debug').innerHTML = url + '?' + nocache;
Et le <pre> dans le code html.
Accès rapide :
Remonter
