Refrech d'image automatique

**SpaceFrog** · 12/04/2007, 12h27

tes 4 images sont toujours les 4 mêmes ?

suffit de faire un roulement dasn le setTimeout ...

**nezdeboeuf62** · 12/04/2007, 12h40

juste une remarque...

Ce ne serait pas plus simple de mettre une <iframe> invisible qui se chargeras de rafraichir les images et on rafraichit la frame toutes les secondes...

HwRZxLc4 · 12/04/2007, 13h03

en faite, les 4 images son disposé sur une seule page et chaque images correspond à une caméra et chaque caméra génère des images avec un nom différent dans un dossier.

et donc mon but est d'avoir l'image de chaque caméra qui se rafraichit chaque seconde....

le soft qui génère sa c'est motion, soft de video surveillence.

**SpaceFrog** · 12/04/2007, 13h07

ben une seule focntion avec paramètre et quatre instanciations différentes de la même focntion avec à chaque fois un nom différent d'image ...

ceci étant je doute de l'efficacité de la chose parceque charger 4 images en une seconde ...

HwRZxLc4 · 12/04/2007, 14h04

c'est dans un réseaux local....

**SpaceFrog** · 12/04/2007, 14h51

ha c'est donc sans doute jouable ...

donc une seule fonction et 4 instances ...

HwRZxLc4 · 12/04/2007, 14h55

bien vu que je ne trouve pas et que personne semble voulais m'aider, je vais abandonner....

Merci quand même..

**SpaceFrog** · 12/04/2007, 14h57

???
ben tous les éléments t'ont étés donnés ...
tout est là il n'y a pas de raison que cela ne fonctionne pas ...

HwRZxLc4 · 12/04/2007, 19h02

oui possible que tout est la, mais j'y arrive pas et je connais pas assez le javascript, se qui me coince c'est que les nom est variable si non j'avais trouvé un truc suis fonctionnais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
nbrSecondes = 1;
setTimeout("recharge()",nbrSecondes*1000);
function recharge()
  {
  var now = new Date();
  if (document.images)
    {
    document.images.nomDeLImage.src = "nomdelimage?" + now.getTime();
    }
  setTimeout("recharge()",nbrSecondes*1000);
  }
</script>

et sa dans le html de l'image

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

name="nomDeLImage"

**SpaceFrog** · 12/04/2007, 22h30

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
nbrSecondes = 1;
 
function recharge(IdImage, nomImage)
  {
  var now = new Date();
  if (document.images)
    {
    document.getElementById(IdImage).src = nomImage+"?" + now.getTime();
    }
  }
 
function Launch(){
var one=setTimeout(function(){new recharge("img_1","nomimage1.jpg")},nbrSecondes*1000);
var two=setTimeout(function(){new recharge("img_2","nomimage2.jpg")},nbrSecondes*1000);
var three=setTimeout(function(){new recharge("img_3","nomimage3.jpg")},nbrSecondes*1000);
var four=setTimeout(function(){new recharge("img_2","nomimage2.jpg")},nbrSecondes*1000);
}</script>
 
<body onload="Launch()" >

avec 4 images id="img_1" etc ...

HwRZxLc4 · 12/04/2007, 22h31

Une question : se que je ne comprend pas, c'est quelle nom donner vu que le nom change tout le temps ?

**SpaceFrog** · 13/04/2007, 12h28

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type="text/javascript">
nbrSecondes = 1;
 
function recharge(IdImage, nomImage)
  {
  var now = new Date();
  if (document.images)
    {
    document.getElementById(IdImage).src = nomImage+"?" + now.getTime();
    }
  }
 
function Launch(){
var one=setTimeout(function(){new recharge("img_1","cam1/lastsnap.jpg")},nbrSecondes*1000);
var two=setTimeout(function(){new recharge("img_2","cam2/lastsnap.jpg")},nbrSecondes*1000);
var three=setTimeout(function(){new recharge("img_3","cam3/lastsnap.jpg")},nbrSecondes*1000);
var four=setTimeout(function(){new recharge("img_4","cam4/lastsnap.jpg")},nbrSecondes*1000);
}</script>
 
<body onload="Launch()" >
 
<img id="img_1" src='' />
<img id="img_2" src='' />
<img id="img_3" src='' />
<img id="img_4" src='' />

HwRZxLc4 · 13/04/2007, 12h29

Bon voila,j'ai trouvé une partie, sauf que avec le script que tu m'as si aimablement donné, le changement d'image se fais 2 fois.

donc j'y suis presque...

[edit], apprêt rafraichissement, sa change plus d'image

je suis maudit

**SpaceFrog** · 13/04/2007, 12h33

Je suis une grosse quiche

c'est pas setTimeout mais setInterval !!!!!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type="text/javascript">
nbrSecondes = 1;
 
function recharge(IdImage, nomImage)
  {
  var now = new Date();
  if (document.images)
    {
    document.getElementById(IdImage).src = nomImage+"?" + now.getTime();
    }
  }
 
function Launch(){
var one=setInterval(function(){new recharge("img_1","cam1/lastsnap.jpg")},nbrSecondes*1000);
var two=setInterval(function(){new recharge("img_2","cam2/lastsnap.jpg")},nbrSecondes*1000);
var three=setInterval(function(){new recharge("img_3","cam3/lastsnap.jpg")},nbrSecondes*1000);
var four=setInterval(function(){new recharge("img_4","cam4/lastsnap.jpg")},nbrSecondes*1000);
}</script>
 
<body onload="Launch()" >
 
<img id="img_1" src='' />
<img id="img_2" src='' />
<img id="img_3" src='' />
<img id="img_4" src='' />

HwRZxLc4 · 13/04/2007, 12h37

yes yes yes et yes, sa fonctionne nikel, 1000x merci....

**SpaceFrog** · 13/04/2007, 12h41

Je suis vraiment désole de t'avoir embarque pendant plusieurs post avec setTimeout alors que c'était bien évidemment setInterval pour la récurrence ...

HwRZxLc4 · 13/04/2007, 13h10

non non, c'est pas grave, c'est moi qui y connais rien...

Refrech d'image automatique

JavaScript

Discussions similaires

Partager

Partager