|
<script src="/weblib/gallery/gallery.js"></script>
|
|
<!-- Toutes les galeries ont la classe sp-gallery-interaction, c'est celle si sur lequel le js est cablée-->
|
|
|
|
|
|
<!-- GALERIE GRID
|
|
peut comporter autant d'images que souhaitées
|
|
Cette galerie peut avoir plusieurs paramètre
|
|
De format, avec les classes : format1-1, format3-2 et format3-4
|
|
De rendu de l'image avec la classe fitContain, avec celle ci l'image n'est pas tronquée, si elle n'est pas dans les mêmes proportions que le format souhaité, alors elle se centre, laissant des bandes sur les côtés ou sur le haut
|
|
Si cette classe fitContain n'est pas présente alors l'image prend toute la place et est tronquée si format différent-->
|
|
<ul class="sp-galleryWysiwyg format1-1 sp-gallery-interaction">
|
|
<li>
|
|
<img title="Voir à mettre un title explicatif ?" src="imageDefault-a-creer.jpg" />
|
|
</li>
|
|
...
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<!-- GALERIE PATCHWORK
|
|
Ma galerie préférée, mais je ne sais pas si ça va plaire aux clients...
|
|
Peut contenir autant de photo qu'on veut -->
|
|
<div class="sp-gallery-Patchwork-container">
|
|
<ul class="sp-gallery-Patchwork sp-gallery-interaction">
|
|
<li><img title="Voir à mettre un title explicatif ?" src="imageDefault-a-creer.jpg" /></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<!-- GALERIE POLAROID
|
|
Peut contenir autant de photo qu'on veut
|
|
Des fois l'agencement que prennent les images est étonnant -->
|
|
<div class="sp-gallery-polaroid-container">
|
|
<ul class="sp-gallery-polaroid sp-gallery-interaction">
|
|
<li>Légende avant<br />
|
|
<img title="Voir à mettre un title explicatif ?" src="imageDefault-a-creer.jpg" />
|
|
</li>
|
|
<li><img title="Voir à mettre un title explicatif ?" src="imageDefault-a-creer.jpg" /><br>Légende après</li>
|
|
<li><img title="Voir à mettre un title explicatif ?" src="imageDefault-a-creer.jpg" /> <!-- ou pas de légende -->
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<!-- GALERIE ORGINAL POUR SLT 4 PHOTOS MAIS CELLE LA NON, AFFICHAGE NON STABLE SELON LES FORMATS DE PHOTOS ORGINAL, PAS ADAPTE POUR NOS CLIENTS
|
|
<div class="sp-gallery-cube4 sp-gallery-interaction">
|
|
<img alt="" src="/silverpeas/GalleryInWysiwyg/dummy?ImageId=cf62414a-3916-49a5-ba0e-5cfc2666971b&ComponentId=gallery12&UseOriginal=false" />
|
|
<img alt=""src="/silverpeas/GalleryInWysiwyg/dummy?ImageId=1740312f-1be7-41ac-9374-14ba4c005acc&ComponentId=gallery12&UseOriginal=false" />
|
|
<img alt="" src="/silverpeas/GalleryInWysiwyg/dummy?ImageId=57fa1caa-0e85-4a05-84b9-cc31206940a1&ComponentId=gallery12&UseOriginal=false" />
|
|
<img alt="" src="/silverpeas/GalleryInWysiwyg/dummy?ImageId=4eee744d-1c52-4f4f-a371-f668a5cab446&ComponentId=gallery12&UseOriginal=false" />
|
|
</div>-->
|
