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