Linea21

h1. 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 :

<pre>

<code class="javascript">

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

</code>

</pre>

et le code HTML suivant :

<pre>

<code class="html">

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

</code>

</pre>