Lightbox

Options

Classe Description
.lightbox Rendre une image agrandissable
.lightboxContainer Toutes les images avec la classe .lightbox contenu dans l'élément .lightboxContainer s'afficheront dans le slider plein écran.

Exemples

Exemple 1

<div class="grid6 grid12XS gutter">
    <div>
        <img class="lightbox" src="https://loremflickr.com/1920/1080/all?random=1" data-caption="Image 1">
    </div>
    <div>
        <img class="lightbox" src="https://loremflickr.com/1920/1080/all?random=2" data-caption="Image 2">
    </div>
</div>

Exemple 2

<div class="grid6 grid12XS gutter lightboxContainer">
    <div>
        <img class="lightbox" src="https://loremflickr.com/1920/1080/all?random=3" data-caption="Image 1">
    </div>
    <div>
        <img class="lightbox" src="https://loremflickr.com/1920/1080/all?random=4" data-caption="Image 2">
    </div>
    <div>
        <img src="https://loremflickr.com/1920/1080/all?random=5">
    </div>
</div>