layouts/partials/slideshow.html

{{- $imgs := .imgs -}}
{{- $galno := .galno -}}
<div class="snap-slideshow" id="snap-slideshow-{{ $galno }}" style="--columns:1;--min-width:0px;--gap:0px;--slideshow-width:{{ default "100%" .width }};--cursor:{{ .cursor }};--aspectratio:{{ safeCSS (default "16/10" .aspectratio) }};">
  {{- range $i, $img := $imgs }}
  <div class="snap-image">
    <div class="numbertext">{{ add $i 1 }} / {{ len $imgs }}</div>
    <img src="{{ $img }}" onclick="openLightbox({{ $galno }});openLightboxItem({{ $galno }}, {{ add $i 1 }});">
  </div>
  {{- end -}}

  <a class="snap-prev" onclick="moveSlideshowItem({{ $galno }}, -1)"><span>&#10094;</span></a>
  <a class="snap-next" onclick="moveSlideshowItem({{ $galno }}, 1)"><span>&#10095;</span></a>
</div>
optimise newlines 2024-02-05 15:06:31 +01:00			`{{- $imgs := .imgs -}}`
			`{{- $galno := .galno -}}`
allow to define aspect ratio 2024-02-05 15:33:43 +01:00			`<div class="snap-slideshow" id="snap-slideshow-{{ $galno }}" style="--columns:1;--min-width:0px;--gap:0px;--slideshow-width:{{ default "100%" .width }};--cursor:{{ .cursor }};--aspectratio:{{ safeCSS (default "16/10" .aspectratio) }};">`
optimise newlines 2024-02-05 15:06:31 +01:00			`{{- range $i, $img := $imgs }}`
add slideshow functionality, adapt JS, adapt CSS 2024-02-01 17:30:46 +01:00			`<div class="snap-image">`
add number text on slideshow, refactor names 2024-02-01 20:50:13 +01:00			`<div class="numbertext">{{ add $i 1 }} / {{ len $imgs }}</div>`
add slideshow functionality, adapt JS, adapt CSS 2024-02-01 17:30:46 +01:00			`<img src="{{ $img }}" onclick="openLightbox({{ $galno }});openLightboxItem({{ $galno }}, {{ add $i 1 }});">`
			`</div>`
optimise newlines 2024-02-05 15:06:31 +01:00			`{{- end -}}`
add slideshow functionality, adapt JS, adapt CSS 2024-02-01 17:30:46 +01:00
improve prev/next buttons 2024-02-01 23:12:08 +01:00			`<a class="snap-prev" onclick="moveSlideshowItem({{ $galno }}, -1)"><span>❮</span></a>`
			`<a class="snap-next" onclick="moveSlideshowItem({{ $galno }}, 1)"><span>❯</span></a>`
			`</div>`