search

liwenyip / hugo-easy-gallery

Automagical css image gallery in Hugo using shortcodes, with optional lightbox/carousel gadget using PhotoSwipe and jQuery.
MIT License
573 stars 111 forks source link

SlideShow does not show next image if image put into cdn #42

Open NetMoose opened 5 years ago

NetMoose commented 5 years ago

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.

wrapper commented 4 years ago

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