mxmehl/hugo-snap-gallery
1
0
Fork 0
Code Issues 2 Pull Requests Releases 2 Wiki Activity

add slideshow functionality, adapt JS, adapt CSS

Browse Source
This commit is contained in:
Max Mehl
2024-02-01 17:30:46 +01:00
parent 10ec813ac3
commit bd4fe8de10
5 changed files with 87 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/gallery.html
View File

@@ -1,6 +1,6 @@
{{ $imgs := .imgs }}
{{ $galno := .galno }}
<div class="snap-gallery-wrapper" style="--columns:{{ default 4 .columns }};--min-width:{{ default 200 .minwidth }};">
<div class="snap-gallery-wrapper" style="--columns:{{ default 4 .columns }};--min-width:{{ default 200 .minwidth }};--gap:10px;">
{{ range $i, $img := $imgs }}
<div class="snap-image">
<img src="{{ $img }}" onclick="openLightbox({{ $galno }});openLightboxItem({{ $galno }}, {{ add $i 1 }});">

12
layouts/partials/slideshow.html Normal file
View File

@@ -0,0 +1,12 @@
{{ $imgs := .imgs }}
{{ $galno := .galno }}
<div class="snap-slideshow-wrapper" id="snap-slideshow-{{ $galno }}" style="--columns:1;--min-width:0px;--gap:0px;">
{{ range $i, $img := $imgs }}
<div class="snap-image">
<img src="{{ $img }}" onclick="openLightbox({{ $galno }});openLightboxItem({{ $galno }}, {{ add $i 1 }});">
</div>
{{ end }}
</div>
<a onclick="moveSlideshowItem({{ $galno }}, -1)">prev</a>
<a onclick="moveSlideshowItem({{ $galno }}, 1)">next</a>