20 lines
903 B
HTML
20 lines
903 B
HTML
|
{{- $opts := dict "minify" hugo.IsProduction "format" "esm" -}}
|
||
|
|
{{- $galleryScript := resources.Get "ts/gallery.ts" | js.Build $opts -}}
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/photoswipe.css"
|
||
|
|
integrity="sha256-olf9rfn3AG8zR6lkPXkN3PZq63z8tElx7Ela6T4eklo=" crossorigin="anonymous">
|
||
|
|
|
||
|
|
<script type="module">
|
||
|
|
import StackGallery from '{{ $galleryScript.RelPermalink }}';
|
||
|
|
import PhotoSwipeLightbox from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/photoswipe-lightbox.esm.min.js';
|
||
|
|
|
||
|
|
console.log(StackGallery)
|
||
|
|
StackGallery(document.querySelector('.article-content'));
|
||
|
|
|
||
|
|
const lightbox = new PhotoSwipeLightbox({
|
||
|
|
gallery: '.article-content',
|
||
|
|
children: '.gallery-image a',
|
||
|
|
pswpModule: () => import('https://cdn.jsdelivr.net/npm/[email protected]/dist/photoswipe.esm.min.js')
|
||
|
|
});
|
||
|
|
lightbox.init();
|
||
|
|
</script>
|