Upgrade fancybox

This commit is contained in:
Smaug123
2024-03-14 20:50:23 +00:00
parent fc9bcfb85a
commit 860640283f
2 changed files with 9 additions and 8 deletions

View File

@@ -4,6 +4,7 @@
<div class="gallery"> <div class="gallery">
{{ $base := .Get "src" }} {{ $base := .Get "src" }}
{{ $path := print "static/" (.Get "src") }} {{ $path := print "static/" (.Get "src") }}
{{ $galleryName := default "gallery" (.Get "galleryName") }}
{{ range (readDir $path) }} {{ range (readDir $path) }}
{{- $thumbext := "-thumb" }} {{- $thumbext := "-thumb" }}
@@ -13,10 +14,13 @@
{{- $thumb := .Name | replaceRE "(\\.[^.]+)" ($thumbext | printf "%s.jpg") }} {{- $thumb := .Name | replaceRE "(\\.[^.]+)" ($thumbext | printf "%s.jpg") }}
{{- $alttextfile := .Name | replaceRE "(\\..+)" ".md" }} {{- $alttextfile := .Name | replaceRE "(\\..+)" ".md" }}
{{- $alttext := printf "%s/%s" $path $alttextfile | os.ReadFile }} {{- $alttext := printf "%s/%s" $path $alttextfile | os.ReadFile }}
<a data-fancybox="gallery" href="/{{ $base }}/{{ .Name }}"> <a data-fancybox="{{ $galleryName }}" data-caption="{{ $alttext }}" href="/{{ $base }}/{{ .Name }}">
<img src="/{{ $base }}/{{ $thumb }}" width=100 height=100 alt={{ $.Page.RenderString $alttext }}> <br/> <img src="/{{ $base }}/{{ $thumb }}" width=100 height=100 alt={{ $.Page.RenderString $alttext }}> <br/>
</a> </a>
{{- end }} {{- end }}
{{ end }} {{ end }}
<script>document.addEventListener('DOMContentLoaded', function() {
Fancybox.bind('[data-fancybox="{{ $galleryName }}"]', {});
});</script>
</div> </div>
</details> </details>

View File

@@ -1,15 +1,12 @@
{{- if (isset .Params "gallery") -}} {{- if (isset .Params "gallery") -}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" {{- $url := "https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.35/fancybox/fancybox.umd.js" -}}
integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" {{- $hash := "sha512-Jbl+VuuqPnKsz0QxpW0eFun5z3ftzXwFOGxA75I5+o7zlY5uFu+FmGp9mY3BEso+f3Ej4YtFtnUGeKwHU/YVvA==" -}}
crossorigin="anonymous"></script>
{{- $url := "https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.0/jquery.fancybox.min.js" -}}
{{- $hash := "sha384-fPPwDm9Mfp/tF9MgxjA4B33PPUlNmlXdP3oKSJgdAywm+cfAEYllAIRl/D3SBlpc" -}}
<script defer <script defer
src="{{- $url -}}" src="{{- $url -}}"
integrity="{{- $hash -}}" integrity="{{- $hash -}}"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
{{- $url := "https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.0/jquery.fancybox.min.css" -}} {{- $url := "https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.35/fancybox/fancybox.min.css" -}}
{{- $hash := "sha384-Ewh0nI9dXkThksh2nOTHmr8wAk5UlhiE2FiGSuZSnYkQ/G1W5wPuXGBnXodqD8GC" -}} {{- $hash := "sha512-iYdUaD/DKwJeYpOBlNLwBcGtJj/GSrFDzbPAqye/+IB/Fz6vwRekM2Wqi53sIgxCfaKp3uXpdT666ehkGP1qhw==" -}}
<link rel="stylesheet" <link rel="stylesheet"
href="{{- $url -}}" href="{{- $url -}}"
integrity="{{- $hash -}}" integrity="{{- $hash -}}"