Faire défiler image

Version imprimable

Faire défiler image

Bonjour,

J'ai fait un script php pour afficher des images. ça marche sauf que les images apparaissent tous en une fois. Je voudrais que les images apparaissent un par un (avec 3 secondes d'intervalle). Je sais que je dois y intégrer du javascript mais je ne sais pas comment faire. Voici mon code :

Code:

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
<div class="block"> 
<div class="box"> 
<div class="inbox"> 
 
<div align='center'>
<?
// Definition des identifiants de connexion
$DBHOST='xxx'; // Serveur Mysql
$USEBDD='mabdd'; // Base de donnée utilisée
$USER='moi'; // Administrateur de la bdd
$PASSWORD='xxx'; // Mot de passe d'accès à la bdd
 
// Connexion à MySQL :
$link = mysql_connect($DBHOST,$USER,$PASSWORD);
$db = mysql_select_db($USEBDD,$link);
 
// Extraction video
 
$requete='SELECT * from events ORDER BY id desc';
$result=mysql_db_query('mabdd',$requete);
 
// Affiche resultats
while($voir=mysql_fetch_array($result))
{
echo "
<a href=\"$voir[id]\" target=\"_self\"><img height='100' width='160' src='monsite/upload/".$voir[picture]."'></a>
";
}
?>
</div>
</div>
</div>
</div>

23/01/2013, 22h13
NoSmoking
Bonsoir,

Citation:

(avec 3 secondes d'intervalle)

tout est dans ces mots et il existe donc les méthodes
Code:

1 2 3 4 var delay = 3000;// exprimé en millisecondes var iTimer = setInterval( function(){}, delay); //ou encore var iTimer = setTimeout( function(){}, delay);
cela s'appelle un diaporama pour le mot clef.

Merci mais ça ne m'aide pas.

J'ai déjà un script de défilement, mais je n'arrive justement pas à le FUSIONNER avec mon script php.

Code:

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
36
37
38
<body onLoad="rotate();">
<?php
$directory_name = "agenda/upload/"; // sur ce script, je fais défiler un dossier, pas le résultat d'une requête php et c'est justement là ma difficulté
$extensions_ok = array ( ".jpg","jpeg",".gif",".png");
$folder = opendir ($directory_name);
$i = 0;
$photos = array();
while ($file = readdir ($folder))
{
if (in_array(strtolower(substr($file, -4)),$extensions_ok))
$photos[] = $directory_name."/".$file;
}
closedir ($folder);
$count_photos = count ($photos);
?>
<script type="text/javascript">
var rotate_delay = 4000; // delais en microseconde (4000 = 4 secs)
var current = -1;
var photos = [<?php for($i=0;$i<$count_photos;$i++)
{
echo "\"".$photos[$i]."\"";
if($i!=$count_photos-1) echo ",";
}
?>];
function next() {
if (current<photos.length - 1)
++current;
else current = 0;
}
function rotate() {
if(photos.length > 0)
{
next();
document.images.slides.src = photos[current];
window.setTimeout("rotate()", rotate_delay);
}
}
</script>

26/01/2013, 17h03
NoSmoking

:koi:, mais quoiqu'il arrive, donnes nous le code HTML généré et non le PHP, si le problème est un problème PHP, il existe un super Forum
26/01/2013, 23h59
spespam

Le code html généré change à chaque fois, il évolue en fonction du résultat de la requête php. Mes internautes postent des photos, et le code php génère un code html qui change en fonction des noms des photos (je ne saisis rien manuellement). J'avais déjà placé ce sujet dans le forum php, mais un modérateur l'a déplacé ici.
27/01/2013, 00h37
ddaweb
Je découvre le javascript et je ne savais pas qu'on pouvait mettre du PHP dedans, comme ici :
Code:

1 2 3 4 5 6 var photos = [<?php for($i=0;$i<$count_photos;$i++) { echo "\"".$photos[$i]."\""; if($i!=$count_photos-1) echo ","; } ?>];
Ce sont les crochets devant et derrière les balises PHP qui le permettent ?
27/01/2013, 01h04
spespam

Oui on peut.
27/01/2013, 17h09
NoSmoking

Citation:

Le code html généré change à chaque fois, il évolue en fonction du résultat de la requête php.

certes mais la partie javascript est-elle bien formée, le tableau bien déclaré, là sont les questions et sans code généré...

Sinon pour information à voir http://www.developpez.net/forums/d13...s/#post7091734
30/01/2013, 01h26
spespam

Euh... je ne comprends pas, j'ai donné la partie javascript dans mon post précédent, ainsi que le script php. Ils sont séparés. L'idée est de les fusionner, ce que je ne sais pas faire.

Bon, voilà un exemple de codé html généré par mon script php.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table width='160' border='0'><tr><td>
<div align='center'><font size='2'>Evènement 01</font></div>
</td></tr>
<tr><td>
<a href="events/calendar.php?mode=view&id=17" target="_self"><img height='100' width='150' src='events/upload/nomdelimage1.jpg'></a>
</td></tr></table>
 
<table width='160' border='0'><tr><td>
<div align='center'><font size='2'>Event 2</font></div>
</td></tr>
<tr><td>
<a href="events/calendar.php?mode=view&id=13" target="_self"><img height='100' width='150' src='events/upload/nomdelimage2.jpg'></a>
 
</td></tr></table>

Et ainsi de suite.

31/01/2013, 18h35
NoSmoking

incompréhension sur la notion de tableau, je parlais du Array de la partie javascript.