BAGS — Design System

Gallery 

<div class="gallery ">
    <a href="https://chci-vysavat.cz/images/goods/0a.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0a.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://chci-vysavat.cz/images/goods/0b.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0b.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://chci-vysavat.cz/images/goods/0c.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0c.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://chci-vysavat.cz/images/goods/0a.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0a.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://chci-vysavat.cz/images/goods/0b.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0b.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://picsum.photos/300/600" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://picsum.photos/300/600" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://picsum.photos/600/300" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://picsum.photos/600/300" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
</div>

<script type="text/javascript" src="../../js/ekko-lightbox.min.js"></script>
 
<div class="gallery {{ class }}">
    <a href="https://chci-vysavat.cz/images/goods/0a.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0a.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://chci-vysavat.cz/images/goods/0b.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0b.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://chci-vysavat.cz/images/goods/0c.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0c.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://chci-vysavat.cz/images/goods/0a.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0a.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://chci-vysavat.cz/images/goods/0b.jpg" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://chci-vysavat.cz/images/goods/0b.jpg" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://picsum.photos/300/600" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://picsum.photos/300/600" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
    <a href="https://picsum.photos/600/300" data-toggle="lightbox" data-gallery="gallery" data-title="Fotka sáčku" class="gallery__link">
        <img src="https://picsum.photos/600/300" alt="Fotka sáčku" class="img-fluid gallery__img">
    </a>
</div>

<script type="text/javascript" src="{{ '/js/ekko-lightbox.min.js' | path }}"></script>
 
/* No context defined. */

No notes defined.