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

Complete rewrite #1

Merged
mxmehl merged 27 commits from refactoring into master 2024-02-07 22:17:50 +01:00
Conversation 0 Commits 27 Files Changed 11 +24 -22
2 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8b8d657c79 - Show all commits

22
layouts/partials/lightbox.html Normal file
View File

@@ -0,0 +1,22 @@
{{/* The Modal/Lightbox */}}
{{ $imgs := .imgs }}
{{ $galno := .galno }}
<div class="snap-lightbox" id="snap-lightbox-{{ $galno }}">
{{ range $i, $img := $imgs }}
<div class="snap-lightbox-inner">
<div class="numbertext">{{ add $i 1 }} / {{ len $imgs }}</div>
<img src="{{ $img }}" style="width:100%">
</div>
{{ end }}
<!-- Close and Next/previous controls -->
<span class="snap-close" onclick="closeModal({{ $galno }})">&times;</span>
<a class="snap-lightbox-prev" onclick="plusSlides({{ $galno }}, -1)"><i class="snap-lightbox-arrow"></i></a>
<a class="snap-lightbox-next" onclick="plusSlides({{ $galno }}, 1)"><i class="snap-lightbox-arrow"></i></a>
{{/* <!-- Caption text -->
<div class="caption-container">
<p id="caption"></p>
</div> */}}
</div>

24
layouts/shortcodes/snap-gallery.html
View File

@@ -23,32 +23,12 @@
<div class="snap-wrapper" style="--columns:{{ default 4 .Params.columns }};--min-width:{{ default 200 .Params.minwidth }};"> <div class="snap-wrapper" style="--columns:{{ default 4 .Params.columns }};--min-width:{{ default 200 .Params.minwidth }};">
{{ range $i, $img := $imgs }} {{ range $i, $img := $imgs }}
<div class="snap-image"> <div class="snap-image">
<img src="{{ $img }}" onclick="openModal({{ $galno }});currentSlide({{ $galno }}, {{ add $i 1 }});" class="hover-shadow"> <img src="{{ $img }}" onclick="openModal({{ $galno }});currentSlide({{ $galno }}, {{ add $i 1 }});">
</div> </div>
{{ end }} {{ end }}
</div> </div>
{{/* The Modal/Lightbox */}} {{ partial "lightbox" (dict "galno" $galno "imgs" $imgs) }}
<div class="snap-lightbox" id="snap-lightbox-{{ $galno }}">
{{ range $i, $img := $imgs }}
<div class="snap-lightbox-inner">
<div class="numbertext">{{ add $i 1 }} / {{ len $imgs }}</div>
<img src="{{ $img }}" style="width:100%">
</div>
{{ end }}
<!-- Close and Next/previous controls -->
<span class="snap-close" onclick="closeModal({{ $galno }})">&times;</span>
<a class="snap-lightbox-prev" onclick="plusSlides({{ $galno }}, -1)"><i class="snap-lightbox-arrow"></i></a>
<a class="snap-lightbox-next" onclick="plusSlides({{ $galno }}, 1)"><i class="snap-lightbox-arrow"></i></a>
{{/* <!-- Caption text -->
<div class="caption-container">
<p id="caption"></p>
</div> */}}
</div>
{{/* Load CSS/JS and make sure it is only loaded once */}} {{/* Load CSS/JS and make sure it is only loaded once */}}
{{- if eq ($.Page.Scratch.Get "gallerycount") 1 }} {{- if eq ($.Page.Scratch.Get "gallerycount") 1 }}