Thème/L'éditeur CSS

Le carrousel

Le carrousel dans l'éditeur simplifié

Carrousel dans l'éditeur simplifié

Nous avons vu que l'on pouvait ajouter, modifier ou supprimer des images du carrousel dans l'éditeur simplifié. Sélectionnez une image pour la modifier ou la supprimer.

Voir la vidéo associée de TOWeb concernant le redimensionnement du carrousel.

Le carrousel dans l'éditeur CSS

carrousel dans l'éditeur CSS

Cette fois on peut modifier l'ensemble du carrousel. 1 onglet suppémentaire permet en plus de changer l'ordre, ajouter du texte et d'effectuer quelques réglages. En Options, il est possible de ne mettre le carrousel que sur la page d'accueil (par défaut), Afficher les titres et les textes avec la possibilité de les Masquer sur les portables (cochée par défaut bien qu'inutile dans mon cas), Afficher les  <  et  > sur le côté des images pour avancer, et Afficher l'indicateur de défilement des images. Le temps d'affichage est en seconde et la liaison entre les images est également modifiable.

Complément de la vidéo YouTube

Les deux paragraphes suivants sont un complément à la vidéo  YouTube  si l'on veut diminuer le carrousel sans changer la taille des images déjà en place. 

Position du carrousel

Position du carrousel

Il est parfois nécessaire de positionner le carrousel. Pour cela préférez les valeurs en % plutôt que des valeurs fixes de façon à conserver l'affichage responsive.

Dimensions du carrousel

Dimension du carrousel

De même que lorsqu'on a besoin de redimensionner le carrousel, il est conseillé d'utiliser également des % pour la même raison. Les valeurs en pourcentage sont calculées par rapport à la largeur de la page suivant l'affichage du navigateur.

ex:                                   larg max de ma page 1024px larg navigateur 1200px      calcul par rapport à 1024px

larg navigateur 900px                 calcul par rapport à 900px vu     que la page sera de 900px




           L'éditeur CSS                          Barre d'outils Précédent    Suivant  Contenu