Créer une galerie de photos

25/09/2008 14:17
Tuto pour afficher une série de photos sous forme de diapos commentées et cliquables

Allez dans l'explorateur

Sélectionnez votre Article (ou Rubrique...) dans l'arborescence. S'il n'existe pas, créez-le & enregistrez-le.

Toujours dans l'explorateur, sélectionnez votre article puis cliquez sur le bouton "Upload documents"

Une interface s'affiche qui permet d'uploader (envoyer vers le serveur) jusqu'à 5 documents en même temps. 

  • Prenez soin de remplir le champ "description" de chaque document: vous gagnerez énormément de temps par la suite...
  • Renseignez le champ "copyright" s'il est différent de celui de votre site (par exemple nom de photographe + Année de la photo)
  • Cliquez sur "Soumettre". Soyez patient, l'interface disparaîtra quand l'upload sera terminé

 

La liste de documents (photos) attachés à votre article s'affiche. Uploadez autant de documents (photos) que vous désirez! Classez les si nécessaire en les déplaçant avec la souris (Drag & drop)

DOUBLE cliquez  sur le nom de l'article

L'interface de modification s'affiche

Cliquez dans le texte où vous voulez afficher les diapos de l'album et saisissez [DIAPOS:]

Enregistrer les modifications

Fermer l'explorateur, et affichez la page avec l'album. Il sera peut être nécessaire de rafraichir la page... 

Résultat

  1Fleur 1Fleur 1 2Fleur 2Fleur 2 3Feurs 3Feurs 3  Les diapos s'agrandissent au passage de la souris, les images sont cliquables.

Plusieurs galeries dans la même page

La commande DIAPOS permet de sélectionner les images dont le nom commence par une chaîne de caractères. [DIAPOS:a] affichera les images dont le nom commence par la lettre "a". [DIAPOS:img] affichera les images dont le nom commence par les lettres "img" etc...

Pour faire deux galeries "a" et "b", renommez les images à destination de la gallerie "a" (pour renommer une image, allez dans l'explorateur)

 

  • l'image IMG001.jpg en aIMG001.jpg
  • l'image IMG002.jpg en aIMG002.jpg

 

Faites de même pour la galerie "b" 

 

Propulsé par La rOute du Net