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





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->query('/[a-z0-9-_]+.(jpg|gif|png).tb$/i')) {
    echo '
<ul class="galerie">
 	<li style="list-style-type: none;">
<ul class="galerie">'; foreach($files as $filename) { $file = $dir.'/'.$filename; echo '
 	<li><a href="'.str_replace('.tb', '', $file).'"><img src="'.$file.'" alt="" /></a></li>
</ul>
</li>
</ul>
'; } 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.





2
Poster un Commentaire

avatar
1 Fils de commentaires
1 Réponses de fil
0 Abonnés
 
Commentaire avec le plus de réactions
Le plus populaire des commentaires
2 Auteurs du commentaire
Yoannmarinemat15 Auteurs de commentaires récents
  S’abonner  
Notifier de
marinemat15
Invité
marinemat15

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

Yoann
Invité
Yoann

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