Créer un album photos (galleries) ou un portolio avec PluXml




Partager sur Google Plus
Partager sur Twitter
Partager sur Facebook
Partager sur Pinterest

Comme je l’avais annoncé dans un article précédent, j’ai décidé d’utiliser le rapide et performant CMS PluXml pour concevoir mon propre portfolio en lieu et place de Flickr. Voici une petite astuce pour celles et ceux qui désireraient construire facilement une galerie photos.

Tout d’abord vous devez placez vos photos sur votre serveur, à l’aide d’un client FTP comme Filezila, dans le dossier « data/images/votredossier ».

 

Créer votre Galerie d’images

Créer un album photos (galleries) ou un portolio avec PluXml

Créez une nouvelle page statique et insérez y le code PHP suivant :

< ?php
# Nom du dossier images à renseigner
$dir = 'data/images/votredossier';
# Récupération et affichage de la liste des images sous forme de liste
$glob = new plxGlob($dir);
if ($files = $glob-&gt;query('/[a-z0-9-_]+.(jpg|gif|png).tb$/i')) {
    echo '
       <ul class="galerie">'; foreach($files as $filename) { $file = $dir.'/'.$filename; echo '
	 <li><a href="'.str_replace('.tb', '', $file).'"><img alt="" src="'.$file.'" /></a></li>
 
     '; 
} 
else echo "Aucune image";
?>

Il vous suffit de modifier la troisième ligne en y remplaçant le nom de votre dossier :) Comme vous pouvez le voir, PluXml gère aisément le PHP dans ces pages statiques.

 

Vous pouvez également modifier la balise <a> et <img> en y renseignant par exemple des champs de taille de l’image (width), la balise alt pour le référencement, la balise target pour ouvrir dans une nouvelle fenêtre, … Et ajouter un texte avant le code PHP pour présenter votre album.





Partage sur les réseaux sociaux



Commentaires (2)

Trackback URL | Fil RSS des commentaires

  1. marinemat15 dit :

    Merci pour l’astuce ;-)
    Tu nous montrerais le résultat pour voir ce que ça donne ?

  2. Yoann dit :

    Oui bien sur, voici le portfolio en question et qui utilise cette technique : http://bit.ly/a5VMDB :)

Laisser un commentaire




Si vous voulez une photo pour illustrer votre commentaire, rendez vous sur Gravatar.