Carrousel d'images
Utilisation
(Udem Carousel)
Cet élément affiche une série d’images défilantes où chaque image peut contenir un titre et/ou un url. Il n’y a pas de limite au nombre d’images insérées.
Chaque image du carrousel est un élément Image seule qui doit être inséré individuellement à l'intérieur du contenu Udem Carousel.
Certaines options d’affichages sont disponibles : pastilles, intervalle de rotation.
Au survol de la souris, le défilement est stoppé. L’utilisateur peut choisir d’afficher une image en particulier en cliquant sur une des pastilles offertes (chaque pastille représente une image). Le défilement est aussi stoppé sur cette action.
Le carrousel est particulièrement utilisé pour :
- Le bandeau en haut de page (accueil ou autre); généralement inséré dans la zone de contenu Bandeau et blocs-liens.
- Les vignettes; généralement inséré dans les colonnes de droite ou de gauche.
Si vous êtes incertain des manipulations nécessaires pour insérer des éléments dans un conteneur, consultez Comment insérer des éléments de contenu dans un conteneur.
Exemple d'un carrousel (inséré sans encadré et fond blanc)
General / Options du plugiciel/ Intervalle de rotation | Nous recommandons une intervalle de 7000 millisecondes (7 secondes). |
General / Options du plugiciel/ Ne pas afficher les pastilles | Peut être coché si on ne désire pas afficher les pastilles. Il est toutefois recommandé de les afficher car elles permettent à l’utilisateur :
|
General / Content elements | On verra ici à terme les éléments du carrousel. Il est recommandé de ne pas créer les images (ou éléments) à partir de ce champ, mais plutôt de laisser ce champ vide, de sauver l'élément carrousel puis de créer ou faire glisser les contenus directement dans la zone de l’accordéon en mode Page. À l'insertion d'une image simple en suivant la procédure ci-haut, et pour que cette image serve de lien, il faut aller inscrire le lien directement dans les paramètres de l’image (Onglet IMAGES). Voir la page Les images du site pour consulter les grandeurs d’images recommandées. Il est recommandé que toutes les images d’un même carrousel possèdent le même ratio pour éviter un effet de soubresaut au défilement. |
Note : Si on ne désire qu’un bandeau fixe, le carrousel peut être remplacé par une image unique de type Images.
Si le carrousel est utilisé pour afficher des images en rotation il faut alors, pour chaque image, remplir les champs suivants :
General / Entêtes / Titre | Titre affiché par-dessus l'image; peut servir de lien. Le titre sera affiché dans un encadré. |
General / Entêtes./ Type | Niveau de lecture (grosseur de la fonte) associé au titre. |
General / Entêtes / Alignement | Choisir Par défaut. |
General / Entêtes / Lien | Si vous utilisez l'image comme tremplin vers une autre page, inscrire l'url de cette page ici. |
Images / Ajouter une image | Permet de sélectionner une image du répertoire d’images |
Images / Select & upload file | Permet d’insérer une image en provenance de votre disque dur. Notez que cette image est déposée dans un répertoire non accessible. Vous ne pourrez donc pas y référer pour d’autres éléments de contenu. Si vous désirez ce comportement, il vous faut déposer l’image au préalable dans le répertoire d’images, puis utiliser l’option Ajouter une image. |
Images / Title – Surcharger | Si coché, le titre spécifié apparaitra comme infobulle de l’image. |
Images / Alternative text – Surcharger | Si coché, le titre spécifié apparaitra si l’utilisateur a réglé son fureteur pour afficher les titres au lieu des images. |
Images / Link | Si spécifié, transforme l’image en lien. |
Ne rien inscrire dans les champs non mentionnés dans le tableau ci-haut.