Création d'une galerie d'images¶

Linea21 utilise par défaut le plugin jquery Colorbox

Pour créer une galerie il suffit, directement depuis l'éditeur WYSIWYG, de déclarer les instructions javascript suivantes :

<p><!-- -- javascript ----></p>
    $(function(){
      $(".slideshow").colorbox({
           rel:'slideshow',
           slideshow:true,
           slideshowStart: "Démarrer le diaporama",
           slideshowStop: "Stopper le diaporama",
           slideshowSpeed: 3000,
           current: "image {current} de {total}",
           previous: "précédent",
           next: "suivant",
           close: "fermer",
      });
    });

</script>

et le code HTML suivant :

<p><a alt="yop" class="slideshow" href="../library/userfiles/images/images_DSC02023.jpg"><img class="nomouseover" src="../library/userfiles/images/images_DSC02023.jpg" style="height: 200px; width: 300px;" /></a></p>

<div id="slides2" style="display:none">
<p><a class="slideshow" href="../library/userfiles/images/images_DSC02030.jpg" title="yop">test</a></p>

<p><a class="slideshow" href="../library/userfiles/images/images_DSC02046.jpg" title="yop 2">test 2</a></p>

<p><a class="slideshow" href="../library/userfiles/images/images_DSC02053.jpg" title="yop 3">test 3</a></p>
</div>