Hello Support-Team,
can you please help me?
I am trying to show my image galleries as a default in a slider/slideshow, that is opened from a description element (text and preview image) on another page of my website. And I also want the option to show the gallery as thumbnail overview and switch back from the thumbnail pictures to the highres image.
I tried envira gallery, but it opens the lightbox with an overlay on the description page instead of opening the lightbox on the standalone envira gallery thumbnail page.
Now I am trying soliloquy, with highres images for the slider and a separate overview page with the same images in thumbnail size.
To be able to open soliloquy from the thumbnails, I have to create backlinks from the thumbnails on the overview page to the corresponding highres images of the slider.
I found a plugin on the soliloquy-website, that should open the slider from any HTML-Element. I installed it, but the additional code from soliloquy for the hyperlink seems only to work, when the thumbnail is on the same page of the website. But I need a link to the slider on another page of the website.
The code, soliloquy has published :
<a href="#" data-soliloquy-id=„1234(id of my slider)“ data-soliloquy-index="0">Load Slide 1</a>
With this hyperlink I get an error notice (page not found) , so I think, I need in addition to that the path to this slider page. I did many trials to complete the hyperlink, but was not successful.
When I look from outside on the slider page I get the following path:
https://mydomain.com/de/test-slider/
Working on the backend I see this as address of the slider page:
https://mydomain.com/de/pro/#/content/1634
And the highres image I can find here:
https://mydomain.com/de/wp-content/uploads/sites/2/2020/02/image-name.jpg
The questions for me are now:
How have I to write the hyperlink correctly, that it works? How do I have to handle the “#” in it?
Or are there better alternatives, to achieve the the functions in the way; I described?
Thank you in advance for your answer.
Franz