You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 11 Next »

Image Slider permet de présenter des images de manière conviviale facilitant la navigation entre celles-ci. Les images peuvent être vues dans le cadre de la page ou en mode plein écran. Les images s'affichent dans un carrousel avec des flèches de navigation de chaque côté. Image Slider peut être utilisé pour réaliser une galerie d'images ou une bannière d'un cours ou d'une section.

Permet de téléverser des images et fournir des textes alternatifs pour les images. Les deux images suivantes sont toujours préchargées, de sorte que le passage d'une image à l'autre est généralement rapide, sans délai de chargement de l'image suivante. Les images peuvent être visualisées en tant que partie de la page ou en mode plein écran.

Gallerie d'images simple, avec des flèches pour naviguer d'une image à une aute à l'horizontal.


Voir l'exemple Image Slider - Images UdeS réalisé selon les étapes présentées ci-dessous.

Pour ajouter Image Slider dans la banque de contenus :

1. À partir du menu Tiroir[a], cliquez sur Banque de contenus[b].

2. Cliquez sur Ajouter[a] et choisissez Image Slider[b] dans la liste déroulante.

3. Pour paramétrer Image Slider :

a. Nommez l'activité dans le champ Titre. Ce nom s'affichera dans la Banque de contenus.

b. Donnez un titre à la première image.

c. Cliquez sur Ajouter pour aller chercher la première image.

d. Complétez le champ Texte alternatif (obligatoire)

e. Complétez le champ Texte de survol (optionnel)

f. Ajouter autre image (s'il y a lieu)

g. Modifiez les paramètres du ration de l'affichage (s'il y a lieu)

h. Cliquez sur Enregistrer.

4. Cliquez Fermer pour terminer l'opération.

L'activité est créée dans votre Banque de contenus. Vous pouvez maintenant l'insérer dans votre cours en suivant les étapes sur cette Page.

Documentation en anglais : https://h5p.org/tutorial-image-slider