Créer un carousel simple en PHP

Description

Imaginez un script carrousel extrêmement simple à mettre en place, capable d'afficher les images d'un répertoire spécifique et de les répertorier automatiquement. C'est exactement ce que vous offre ce script de carrousel en PHP.

Que vous souhaitiez mettre en avant des images de produits, des photos de voyage ou tout autre contenu visuel, ce carrousel vous permettra de le faire de manière convaincante. Plus besoin de passer du temps à créer des diaporamas complexes, ce script vous facilite la tâche en automatisant le processus de présentation d'images.

Téléchargez simplement vos images dans le répertoire spécifié et le carrousel fait le reste. Créez une expérience utilisateur sur votre site Web en un rien de temps !

<!-- CSS du carrousel -->

<style type="text/css">

#c2carrousel{text-align:center;}

#c2carrousel img{max-width:250px;max-height:250px;}

</style>

<?php

/*

* page: carrousel.php

*/

echo '<div id="c2carrousel">';

// "./" représente le dossier actuel où est éxecuté le script, par exemple pour accèder au dossier "monDossier", mettez "./monDossier"

// vous pouvez également aller dans des sous répertoires en mettant "../" au lieu de "./"

$CheminDossierImages="./";

$scandir = scandir($CheminDossierImages);

//variable permettant d'enregistrer les images dans un tableau (array)

$images=[];

$Nbr=0;//cette variable sera incrémentée de 1 à chaque fois qu'un fichier image est trouvé, l'incrément actuel sera utilisé pour retrouver chaque image (exemple: 1=>nom du fichier, 2=>nom du fichier 3=>...)

foreach($scandir as $cle => $fichier){

	$fichier=strtolower($fichier);

	//Lister toutes images ayant les extensions jpg, jpeg, png, gif et bmp

	if(preg_match("#\.(jpg|jpeg|png|gif|bmp)$#",$fichier)){

		//on passe tout le nom du fichier en caractères minuscules, y compris l'extension

		//la preg_match définie: \.(jpg|jpeg|png|gif|bmp|tif)$

		//commence par un point (.) (doit être échappé avec anti-slash \ car le point veut dire "tous les caractères" sinon)

		//(|) parenthèses avec des barres obliques dit "ou" (plusieurs possibilités)

		//le $ dit que ce doit se trouver à la fin du nom du fichier, par exemple un fichier nommé "monFichier.jpg.php" ne sera pas accepté car il ne se termine pas par .jpg, ou .jpeg ou .png ou...

		$Nbr++;

		$images[$Nbr]=$fichier;

	}

}

if(count($images)==0){

	echo "Aucune image dans ce dossier.";

} else {

	$LienPrecedente='';

	$ImageAffichee=$images[1];

	$LienSuivante=count($images>1)?'<a href="carrousel.php?image=2">Image suivante</a>':'';

	if(isset($_GET['image']) and is_int((int)$_GET['image'])){

		if(array_key_exists($_GET['image'],$images)){

			$LienPrecedente=isset($images[$_GET['image']-1])?'<a href="carrousel.php?image='.($_GET['image']-1).'">Image précédente</a>':'';

			$ImageAffichee=$images[$_GET['image']];

			$LienSuivante=isset($images[$_GET['image']+1])?'<a href="carrousel.php?image='.($_GET['image']+1).'">Image suivante</a>':'';

		}

	}

	echo '<table style="width:100%">';

		echo '<tr><th>'.count($images).' image'.(count($images)>1?'s':'').'</th></tr>';

		echo '<tr><td style="text-align:center">'.$LienPrecedente.' '.$ImageAffichee.' '.$LienSuivante.'</td></tr>';

		echo '<tr><td style="text-align:center"><img src="'.$CheminDossierImages.'/'.$ImageAffichee.'" alt="Image..."></td></tr>';

	echo '</table>';

}

echo '</div>';

?>

J'espère que ce script gratuit vous sera utile dans vos projets.

Si vous souhaitez soutenir mon travail, un simple clic sur le bouton "Donner remercier" ci-dessous ou une note serait grandement apprécié. Merci pour votre générosité !

Vous recherchez un script précis ?

Dites-moi ce dont vous avez besoin, je peux développer le script demandé et vous envoyer un mail dès qu'il est dispo !

Envoyer ma demande

🔔 Vous pouvez laisser votre mail pour recevoir les nouveaux scripts. Pas de pub, pas de tracas. Vous êtes libre de le supprimer à tout moment.

Je prends en compte toutes les demandes. Les idées les plus populaires passent en priorité et seront publiées dès qu'elles seront prêtes. 2842 demandes reçues.

Commentaires

Ajouter un commentaire

Commenter

Pseudo/Nom

Email

Message

Captcha

Commenter

Retour à la liste des scripts