liwenyip / hugo-easy-gallery

Automagical css image gallery in Hugo using shortcodes, with optional lightbox/carousel gadget using PhotoSwipe and jQuery.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SlideShow does not show next image if image put into cdn

NetMoose opened this issue · comments

Hi
My problem is similar to the issue #24
I'm use this gallery on site https://netmoose.ru but my images not hosted in this site. I put images in "spaces" (like s3 object storage) on digitalocean.com and get url from cdn.

Example:
Image 1: photo_2017-07-29_20-44-13.jpg
URL: https://netmoose.ams3.cdn.digitaloceanspaces.com/nigniaya_sinyachikha/photo_2017-07-29_20-44-13.jpg
Image 2: photo_2017-07-29_20-44-52.jpg
URL https://netmoose.ams3.cdn.digitaloceanspaces.com/nigniaya_sinyachikha/photo_2017-07-29_20-44-52.jpg

I write to page:

{{< gallery caption-effect="fade" >}} {{< load-photoswipe >}}

{{< figure width="345px" link="https://netmoose.ams3.cdn.digitaloceanspaces.com/nigniaya_sinyachikha/photo_2017-07-29_20-44-13.jpg" caption="1 image">}}
{{< figure width="345px" link="https://netmoose.ams3.cdn.digitaloceanspaces.com/nigniaya_sinyachikha/photo_2017-07-29_20-44-52.jpg" caption="2 image">}}

{{< /gallery >}}

I rebuild site. Gallery is showing thumbnails. I click on thumbnail, clicked image is shown, when I click on next button (or previous), I see empty photoswipe.

commented

I have the same issue, did you ever find a fix?

Edit: If anyone comes across this at some point, my issue was simply that the load photo swipe script was being called within the gallery tags which is incorrect