blowfish/layouts/shortcodes/gallery.html

{{ $id := delimit (slice "gallery" .Ordinal) "-" }}

<div id="{{ $id }}">
  {{ .Inner }}
</div>

<script>
  $(window).on("load", function () {
    $('#{{ $id }}').packery({
      percentPosition: true,
      gutter: 5,
      resize: true
    });
  })
</script>
Gallery fixes. - Fixed having multiple galleries in the same page with the same ID, which would cause the galleries after the first one not behaving correctly. - Make sure that all images have finished loading before calling Packery, fixing some image overlapping problems. 2023-05-23 13:20:07 -05:00			`{{ $id := delimit (slice "gallery" .Ordinal) "-" }}`
Add shortcode 2023-01-16 02:21:46 -06:00
fixed dependencies and css, update gallery code 2023-01-16 18:31:25 -06:00			`<div id="{{ $id }}">`
Add shortcode 2023-01-16 02:21:46 -06:00			`{{ .Inner }}`
			`</div>`

			`<script>`
Gallery fixes. - Fixed having multiple galleries in the same page with the same ID, which would cause the galleries after the first one not behaving correctly. - Make sure that all images have finished loading before calling Packery, fixing some image overlapping problems. 2023-05-23 13:20:07 -05:00			`$(window).on("load", function () {`
:bug: fixed gallery loading packery problem 2023-03-10 08:40:12 -06:00			`$('#{{ $id }}').packery({`
			`percentPosition: true,`
			`gutter: 5,`
			`resize: true`
			`});`
			`})`
Add shortcode 2023-01-16 02:21:46 -06:00			`</script>`