26 lines
877 B
HTML
26 lines
877 B
HTML
{{ $filter := default "images/*" (.Get 0) }}
|
|
{{ $gallery := (.Page.Resources.Match $filter) }}
|
|
{{ $size := default "200x120 q50" (.Get 2) }}
|
|
<div class="d-flex justify-content-center">
|
|
<div id="gallery-{{ $.Get 1 }}" class="gallery-frame inline-gallery-container ">
|
|
{{ range $gallery }}
|
|
{{ $resized := .Fit $size }}
|
|
<div class="gallery-item" data-src="{{ .Permalink }}">
|
|
<a class="thumbnail" href="{{ .Permalink }}" data-lightbox="{{ $.Get 1 }}">
|
|
<img src="{{ $resized.Permalink }}" alt="{{ default "no alt text provided" .Title }}" />
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
lightGallery(document.getElementById('gallery-{{ $.Get 1 }}'), {
|
|
mode: 'lg-fade',
|
|
plugins: [lgPager, lgZoom],
|
|
selector: '.gallery-item',
|
|
speed: 250,
|
|
licenseKey:'none'
|
|
});
|
|
</script>
|