Comment insérer une galerie d`images

Tutoriel Joomla
Comment insérer une galerie d’images dans un article Joomla
RÉCIT local CS Énergie, mars 2015
PROCÉDURE POUR INSÉRER UNE GALERIE D’IMAGES DANS UN ARTICLE JOOMLA
Les images pouvant provenir d’une source externe (clé USB, ordinateur, disque externe, etc.)
À partir du module de connexion de
la page d’accueil de votre site :
Entrez votre identifiant
1
Entrez votre mot de passe
Cliquez sur Connexion
2
Sélectionnez l’article dans lequel vous voulez ajouter une galerie d’image ou créez un nouvel
article.
Dans ce cas-ci, nous avons choisi l’article intitulé « Madame Poule vient nous visiter »
Cliquez sur le
petit crayon
pour éditer
l’article.
3
1
RÉCIT local CS de l’Énergie, mars 2015
Une nouvelle fenêtre d’édition s’affiche à partir de laquelle vous pouvez éditer votre article.
Vous pouvez : modifier le titre, le texte, ajouter des images, etc.
Vous pouvez modifier
le titre.
4
Vous pouvez modifier
le texte de l’article.
Dans la partie gauche de la nouvelle fenêtre File Browser, s’affiche l’arborescence des répertoires
contenant les fichiers de votre site. Ces fichiers sont sur le serveur de la Cs. et non sur votre
poste.
IMPORTANT
Avant de pouvoir insérer les images dans la galerie d’images, celles-ci doivent d’abord être
déposées dans un répertoire sur le serveur.
Cliquez sur le répertoire dans lequel vous voulez déposer votre image (ex. Images_classe) ou
5
créez un répertoire en cliquant sur
Cliquez sur l’icône Upload.
2
RÉCIT local CS de l’Énergie, mars 2015
(Attention! Pas d’accent ni apostrophe)
Une nouvelle fenêtre comme celle-ci s’affiche.
Cliquez sur le bouton Browse
qui vous permet de parcourir
votre poste de travail à la
recherche de vos images.
Sélectionnez les images et
double-cliquez.
La ou les images que vous
avez sélectionnées
s’affichent dans la fenêtre
Upload.
Cliquez sur le bouton Upload
afin de téléverser le ou les
images sur le serveur.
6
3
RÉCIT local CS de l’Énergie, mars 2015
Les images téléversées, s’affichent dans la fenêtre intitulée File Browser.
7
À cette étape-ci, vous devez enter une ligne de code qui fera appel à l’application de Joomla qui
permettra à vos images de défiler sous la forme d’une galerie d’images.
1. Retournez à votre article et placez votre curseur à l’endroit où vous souhaitez faire
afficher votre galerie d’images.
2. Copiez et collez cette ligne de code.
8
{vsig}Responabilites{/vsig}
Ouverture de l’application
Very Simple Image Gallery
qui fera afficher les images
sous la forme d’un
diaporama.
4
RÉCIT local CS de l’Énergie, mars 2015
Nom du répertoire où se
trouvent les images de
votre galerie.
Fermeture de l’application
Very Simple Image Gallery