diff --git a/assets/scss/snap-gallery.scss b/assets/scss/snap-gallery.scss index e41c880..4c49b65 100644 --- a/assets/scss/snap-gallery.scss +++ b/assets/scss/snap-gallery.scss @@ -1,4 +1,4 @@ -.snap-wrapper { +.snap-gallery-wrapper { display: flex; flex-wrap: wrap; justify-content: center; diff --git a/layouts/partials/gallery.html b/layouts/partials/gallery.html new file mode 100644 index 0000000..27a25f9 --- /dev/null +++ b/layouts/partials/gallery.html @@ -0,0 +1,9 @@ +{{ $imgs := .imgs }} +{{ $galno := .galno }} + diff --git a/layouts/partials/lightbox.html b/layouts/partials/lightbox.html index d4f84e0..f99d1d5 100644 --- a/layouts/partials/lightbox.html +++ b/layouts/partials/lightbox.html @@ -1,4 +1,3 @@ -{{/* The Modal/Lightbox */}} {{ $imgs := .imgs }} {{ $galno := .galno }}
diff --git a/layouts/shortcodes/snap-gallery.html b/layouts/shortcodes/snap-gallery.html index 12286e5..90dcef0 100644 --- a/layouts/shortcodes/snap-gallery.html +++ b/layouts/shortcodes/snap-gallery.html @@ -19,15 +19,10 @@ {{ end }} {{ end }} -{{/* Visible images */}} -
-{{ range $i, $img := $imgs }} -
- -
-{{ end }} -
+{{/* Visible images in gallery mode */}} +{{ partial "gallery" (dict "columns" .Params.columns "minwidth" .Params.minwidth "imgs" $imgs "galno" $galno) }} +{{/* The Modal/Lightbox */}} {{ partial "lightbox" (dict "galno" $galno "imgs" $imgs) }} {{/* Load CSS/JS and make sure it is only loaded once */}}