29 lines
1.2 KiB
HTML
29 lines
1.2 KiB
HTML
{{ $id := default (printf "gallery-%d" (now.UnixNano)) (.Get "id") }}
|
|
{{ $rel := .Page.RelPermalink }}
|
|
{{ if hasPrefix $rel "/en" }}
|
|
{{ $rel = replace $rel "/en" "" }}
|
|
{{ end }}
|
|
<div class="image-gallery" id="{{ $id }}">
|
|
<div class="gallery-slider">
|
|
{{ $images := .Inner | transform.Unmarshal }}
|
|
{{ range $index, $image := $images }}
|
|
<div class="slide{{ if eq $index 0 }} active{{ end }}" data-index="{{ $index }}">
|
|
{{ warnf $rel }}
|
|
<img src="{{ $rel }}{{ $image.src }}" alt="{{ $image.alt | default "" }}">
|
|
<div class="gallery-navigation">
|
|
<div class="prev-slide" onclick="moveSlide('{{ $id }}', -1)">❮</div>
|
|
<div class="next-slide" onclick="moveSlide('{{ $id }}', 1)">❯</div>
|
|
</div>
|
|
{{ if $image.caption }}
|
|
<div class="slide-caption">{{ $image.caption | markdownify }}</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
<div class="gallery-indicator">
|
|
{{ range $index, $image := $images }}
|
|
<span class="dot{{ if eq $index 0 }} active{{ end }}" onclick="showSlide('{{ $id }}', {{ $index }})"></span>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|