heimrichhannot/contao-lightbox-gallery-bundle

This bundle offers a contao extension for lightbox-gallery based on mcstudios/glightbox

2.0.3 2020-02-27 20:45 UTC

This package is auto-updated.

Last update: 2020-10-27 22:15:41 UTC


README

Build Status Coverage Status

Usage

To add images to an gallery define an unique data lightbox id for the elements. Each a tag must have the same data lightbox id to be in the same gallery.

To add an title to the gallery simply add a title attribute to the a tag. If you want to add a caption add an figcaption element after the a tag.

<div class="gallery">
    <a href="img/2-1.jpg" data-caption="Image caption" data-lightbox="193910782" title="Title">
        <img src="img/thumbnails/2-1.jpg" alt="First image">
    </a>
    <figcaption class="caption">Caption</figcaption>
    <a href="img/2-2.jpg" data-lightbox="193910782">
        <img src="img/thumbnails/2-2.jpg" alt="Second image">
    </a>
    ...
</div>