Diaporama

Faire un diaporama avec SiteGo

Pour faire un diaporama d'images avec SiteGo, vous devez envoyer vos images sur le serveur puis coller un lien vers celles-ci de la manière suivante :Attention avant de coller le code vous devez cliquez sur le bouton "Source" du module pour être en mode html.


Exemple de code avec image :

<a data-lightbox="titre_diapo" href="url_de_image_1_en_taille_reel"><img alt="" src="url_de_image_1_en_taille_reduite" /></a>

<a data-lightbox="titre_diapo" href="url_de_image_2_en_taille_reel"><img alt="" src="url_de_image_2_en_taille_reduite" /></a>

Exemple de code avec image + titre :

<a data-lightbox="titre_diapo" href="url_de_image_3_en_taille_reel" title="titre de l'image dans la fenètre"><img alt="" src="url_de_image_3_en_taille_reduite" /></a>

Exemple de code avec lien :

<a href="url_de_image_1_en_taille_reel" data-lightbox="titre_diapo">image #1</a>
<a href="url_de_image_2_en_taille_reel" data-lightbox="titre_diapo">image #2</a>
<a href="url_de_image_3_en_taille_reel" data-lightbox="titre_diapo">image #3</a>

Exemple de rendu :




 
Remarque : "titre_de_votre_diapo" doit être identique pour chacune si vous souhaitez qu’elle fasse partie du même diaporama

PS: Le diaporama sera manuel, un bouton suivant et précédent sera présent pour faire défiler les images une à une et les flèches gauche et droite du clavier fonctionne également.