SlideShow Random image

**jakj82** · 14/03/2014, 16h18

Bonjour,

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

Code html :

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

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 :

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

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.

**patrickbaras** · 15/03/2014, 00h50

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

Code :

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

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 :

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

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

tu peux changer en jpg

Code :

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

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

**jakj82** · 15/03/2014, 09h24

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 ?

**jakj82** · 15/03/2014, 09h40

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.

**patrickbaras** · 15/03/2014, 18h49

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

**jakj82** · 17/03/2014, 11h59

Bonjour,

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

SlideShow Random image

Langage PHP

Discussions similaires

Partager

Partager