SlideShow Random image

Version imprimable

Bonjour,

j'ai un slideshow qui fonctionne avec css donc je lui donne different image comme ci dessous :
Code:

1 2 3 4 5 6 7 8 9 10 <div id="slider"> <ul class="bannergroup"> <li class="banneritem"> <img src="images/banners/slide-4.jpg" alt="Slide-1" /> <div class="clr"></div> </li> <li class="banneritem"> <img src="images/banners/slide-1.jpg" alt="Slide-1" /> <div class="clr"></div> </li>
a chaque fois que je veux ajouter une image je change le code directement en ajoutant une ligne qui contient l'image en question ,

ce que je veux faire c'est de mettre une seule ligne qui affiche des image du dossier directement en random

donc a la palce de

Code:

src="images/banners/slide-1.jpg"

je metterai le chemin du dossier qui contient les images que je pourrais uploader dans la partie admin est ce que quelqu'un pourrait me dire comment faire svp ?

merci.

tu crée un fichier php random_image.php avec le code

Code:

1
2
3
4
5
6
7
8
9
<?php
$dirfiles=glob("images/*.png");   			//on charge les fichier du repertoire images/ terminant par .png 
$nbrfiles=count($dirfiles); 				//on memorise le nombre de fichier
$name = $dirfiles[rand(0,$nbrfiles-1)]; 	//on prend un au hazar
$fp = fopen($name, 'rb'); 					//on ouvre le fichier
header("Content-Type: image/png"); 			//on envois le header pour une image
header("Content-Length: " . filesize($name)); //on envois la taille du fichier
fpassthru($fp);								//on envois le contenu 
?>

tu l'utilise dans ton code html comme ceci

Code:

1
2
3
4
5
6
7
<html>
<body>
	...
	<img src="random_image.php"/><br/>
	...
</body>
</html>

tu peux changer en jpg

Code:

1
2
3
4
5
...
$dirfiles=glob("images/*.jpg");  
...
header("Content-Type: image/header("Content-Type: image/jpeg"); 
...

15/03/2014, 09h24
jakj82

Bonjour,

Merci pour votre réponse je vais tester sa de suite et je voulais vous demander est ce que je peut donner plusieurs extenstion au fichier random_image.php ? par exemple si le dossier contient des image .png et .jpg ?
15/03/2014, 09h40
jakj82

Bon, je viens de tester votre solution mais ce n'est pas ce que je veux exactement parce que la , ca ne fonctionne plus comme un slideshow les images s'affichent et changent que quand j'actualise la page , deja le slideshow il est fonctionnel ca passe d'une image a une autre automatiquement mais ce que je veux que quand je veux ajouter une image au slideshow je ne le fais pas en modifiant le code donc j'upload une image dans le dossier ou se trouvent les image du slideshow ... Merci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="slider">
    <ul class="bannergroup"> 
<?php
$dirfiles=glob("images/banners/*.*");   			//on charge les fichier du repertoire images/banners/ 
foreach($dirfiles as $filename)
{
		echo '
		<li class="banneritem">
			<img src="'.$filename.'" alt="Slide-1"/>
			<div class="clr"></div> 
		</li>';
 
}
?>
    </ul>
</div>

17/03/2014, 11h59
jakj82

Bonjour,

Merci beaucoup pour votre réponse ca marche très bien .