Créer un site gratuitement avec SiteGo

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.
source 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.