English

Accueil > Aller plus loin... > Photothèque / Galerie photos








Rechercher


Photothèque / Galerie photos

par Webmaster - 3 juin 2014 ( maj : 27 juin 2014 )

Création d’une galerie Photo

Un module permettant de créer des galeries photos est prévu lors de l’installation de SOspip.
- Consulter la vidéo correspondante (dans l’exemple "Bouton gauche")

Exemple de galerie photos. A droite l’affichage de la légende après un clic sur le "i" en haut à gauche.


1. Déposez toutes vos images dans l’article en question (aide : tutoriel en ligne « insertion d’images ou de documents »).
Il est possible de créer une archive zip de vos photos. Lors du téléchargement dans l’article, il vous sera proposé de décompresser l’archive pour récupérer chaque élément en tant qu’image.

2. Vous pouvez donner un titre à chaque photo afin d’afficher en ligne une légende. Cette légende n’apparait pas directement mais est consultable en cliquant sur le "i" en haut à gauche de la galerie.
Pour cela, cliquer sur "modifier" puis saisir un titre et enregistrer.
Remarque : Lorsque vous ajoutez vos photos sous format zippé, il vous est proposé de récupérer le nom de chaque fichier en tant que titre de l’image.

3. Créez la galerie en insérant dans le champ Texte une balise de la forme : <galleriaX> ou X est le numéro de l’article qui contient les photos.
Remarque  : ce même code peut donc être repris à plusieurs endroits dans le site, par exemple en page d’accueil). Attention, pour un ajout en page d’accueil il est important de préciser des paramètres de dimension de la galerie afin qu’elle ne soit pas tronquée : <galleriaX|width=530|height=300>. Vous pouvez également ajouter des critères de lectrure automatique et de pop-up selon vos besoins avec les critères autoplay=trueet lightbox=true.
- Pour aller plus loin dans l’utilisation des galeries photos

Cliquez sur les images pour plus de détails :

Ajouter un titre / légende à votre image
Ajout de photos sous forme d’une archive zippée
Code d’insertion de la galerie dans le corps d’article (champ Texte)

 

 

 

 

 

 

 

 

Affichage sous forme de vignettes cliquables

Il est également possible d’exploiter la fonction "Portfolio" de Spip pour afficher toutes les photos, les unes à la suite des autres, sous forme de vignette cliquable.
- Consulter la vidéo correspondante (dans l’exemple "Bouton gauche")

Exemple de photothèque sous forme de vignettes. Les légendes s’affichent en dessous de chaque image.

1. Déposez toutes vos images dans l’article en question (aide : tutoriel en ligne « Insertion d’images ou de documents »).
Il est possible de créer une archive zip de vos photos. Lors du téléchargement dans l’article, il vous sera proposé de décompresser l’archive pour récupérer chaque élément en tant qu’image.

2. Ajouter chacune des photos au portfolio en cliquant sur "Déposer dans le portfolio". Remarque : Lorsque vous ajoutez vos photos sous format zippé, il vous est proposé de toutes les ajouter au portfolio.

3. Vous pouvez donner un titre à chaque photo afin d’afficher en ligne une légende. Cette légende apparait directement sous la vignette.
Pour cela, cliquer sur "modifier" puis saisir un titre et enregistrer.
Remarque : Lorsque vous ajoutez vos photos sous format zippé, il vous est proposé de récupérer le nom de chaque fichier en tant que titre de l’image.

4. Insérer chaque photos dans le champ Texte avec une balise de la forme <docX|left> avec X le numéro de chaque photo.

Cliquez sur les images pour plus de détails :

Ajouter un titre / légende à votre image
Ajout de photos sous forme d’une archive zippée
Code d’insertion des vignettes dans le corps d’article (champ Texte)