Faire défiler image

**spespam** · 23/01/2013, 03h21

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 :

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
<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>

**NoSmoking** · 23/01/2013, 22h13

Bonsoir,

(avec 3 secondes d'intervalle)

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

Code :

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

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.

**spespam** · 26/01/2013, 13h09

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 :

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
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>

**NoSmoking** · 26/01/2013, 17h03

, 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

**spespam** · 26/01/2013, 23h59

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.

**ddaweb** · 27/01/2013, 00h37

Je découvre le javascript et je ne savais pas qu'on pouvait mettre du PHP dedans, comme ici :

Code :

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

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 ?

Faire défiler image

JavaScript

Vue hybride

Discussions similaires

Partager

Partager