Refrech d'image automatique

HwRZxLc4 · 06/04/2007, 17h08

Bonjour,

J'aimerais savoir comment je pourrais faire pour rafraichir une page on il y à 4 photos, avoir un refresh toute les secondes.

Ps j'y connais rien en javascript.....

**BackInBiz** · 06/04/2007, 17h17

Euh ca depend

Est-ce que juste rafraichir la page suffit ou faut il raffraichir la page et changer les photos par quelconque moyen ?

HwRZxLc4 · 06/04/2007, 17h45

non juste rafraichir, les images c'est php qui le fais.

**BackInBiz** · 06/04/2007, 20h45

Code :

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

<meta http-equiv="Refresh" content="3;url=<?php echo $_SERVER['PHP_SELF']; ?>">

Le chiffre etant le nombre de seconde et tu met ca dans HEAD !

HwRZxLc4 · 06/04/2007, 21h17

non, cette technique la je l'utilise déjà, et voir le navigateur clignoté toutes les secondes sa le fais pas trop, je cherche plutôt un refresh du contenu

**BackInBiz** · 06/04/2007, 23h56

Je me mefie avec le fait que les images soient gardées dans le cache !

Bah tu peux faire un settimeout qui fait un innerHTML qui change le code des 4 images ...

Essaye de faire une ebauche et si tu n'y arrive pas j'y mettrait ma patte

**Djakisback** · 07/04/2007, 15h56

Salut,
si tu changes le nom des images il devrait pas y avoir de problème avec le cache.

**BackInBiz** · 07/04/2007, 16h08

Envoyé par Djakisback

Salut,
si tu changes le nom des images il devrait pas y avoir de problème avec le cache.

Apparement les images sont gererer a partir d'un fichier PHP donc ne change pas de nom

Faut voir la gueule de son script !

Une URL est la bienvenue

**SpaceFrog** · 07/04/2007, 17h48

mets un time stamp sur le src de tes images ...

Code :

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

src="monimage.jpg?"+newdate

et si besoin est couple ça avec un setInterval...

N'oublies pas non plus que php est interprété coté serveur et javascript coté client ...

HwRZxLc4 · 10/04/2007, 19h26

Bon, j'arrive a rien...

Donc j'ai mes images géneré automatiquement dans un dossier par le soft motion, et je veux afficher la dernière image à chaque seconde

voici se que j'ai

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
26
27
28
29
30
31
32
33
34
35
<?php
$dir1 = 'cam1';
$dernier1='';
$date1 = 0;
 
if (is_dir($dir1)) {
if ($dh1 = opendir($dir1)) {
while (($file1 = readdir($dh1)) !== false) {
if(($file1 != "." && $file1 != "..") && ($cree1 = filemtime($dir1.'/'.$file1))>$date1)
{
$date1 = $cree1;
$dernier1 = $file1;
}
}
closedir($dh1);
}
}
 
echo '
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<head>
  <title></title>
  <meta name="GENERATOR" content="Quanta Plus">
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <meta http-equiv="refresh" content="1; URL=cam1.php">
</head>
<body>
<a href="index.php">Retour</a>
      <IMG src="'.$dir1.'/'.$dernier1.'" align="left" border="0" width="640" height="480">
</body>
</html>';
 
?>

donc sa fonctionne mais le navigateur clignote et donc j'aimerais que se soie selement l'image et pas la page complète...

Merci d'avance

**SpaceFrog** · 11/04/2007, 08h59

trop de php dasn le code !
mets nous juste le html / js généré ...

l'idée est juste de mofidier le src de l'image dans un setInterval en ajoutant un timestamp ...

HwRZxLc4 · 11/04/2007, 09h16

Ben j'ai rien d'autre comme sa, c'est toutes la page...

donc je voie pas quoi t'ajouter d'autre, et le html est aussi présent

**SpaceFrog** · 11/04/2007, 09h25

Voici un exemple en html / js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<script type='text/javascript'>
function trutimePic(Pic){
var updatingPic=setInterval(function(){this.src="monimage.jpg?"+ new Date();},1000)
}
</script>
</head>
 
<body>
<img src="monimage.jpg" id="image1" onclick="truetimePic(this)"/>
</body>

à partir du premier onclick sur l'image toutes les 1 secondes l'image sera raffraichie...
seul souci il ne faut pas que le chargement de l'image dure plus d'une seconde ...

HwRZxLc4 · 11/04/2007, 09h40

ouaaaa, je suis épaté, mais une petite question, tu me dit que sais apartire du premié clic, mais on sais changer sa afin que sa le fasse dé que on ouvre la page ?

Car c'est le but vu qu'il s'agit d'image de webcam...

1000x merci.

**SpaceFrog** · 11/04/2007, 09h47

lance la fonction dans le onlaod du body ...

HwRZxLc4 · 11/04/2007, 14h38

ok, merci bien, je vais tester sa d'ici un ou deux jours et dit quoi

HwRZxLc4 · 11/04/2007, 17h43

voila, j'ai testé plus vite que prévu, j'avais hâte d'essayer, mais comme j'ai jamais de chance, sa fonctionne pas...

**SpaceFrog** · 11/04/2007, 18h40

mets nous plutot ton code que l'on puisse juger sur pièce

**Bisûnûrs** · 12/04/2007, 07h56

Code php :

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

echo '... <IMG src="'.$dir1.'/'.$dernier1.'?'.date('YmdHis').'" ...';

HwRZxLc4 · 12/04/2007, 11h25

Enfaite, vu que y aura un total de 4 images a nom variable, y a t-il pas moyen de faire un refrech tout simplement ?

Refrech d'image automatique

JavaScript

Discussions similaires

Partager

Partager