Hey there!

First, let me say that I LOVE your ARI Fancy Lightbox… good quality, easy to use, integrates with Elementor… when I have time to sit and play I’m gonna dig through your other plugins!!!

I’m finally completing a divorce started over a decade ago, and I need to document a timeline of events for each rental property I’ve had since 2002. I haven’t found a timeline widget does what I want, so I have been creating my own in Elementor. I just discovered your Fancy Lightbox,and it is a GODSEND! works great with the ICON widget to make clickable icons to display PDFs of deeds and other legal docs as I go through the timelines. VERY COOL.

However, later on the same page I created a Camera Icon that I hoped would popup your lightbox and cycle through a series of photos of roof damage to the house. I’ve tried everything and can’t get it to work. On the admin page I activated the slideshow features; however I did not turn off the PDF display functions, because they are on the same page. I even tried loading all the photos into a Wordpress gallery in a generic POST page… can’t seem to make it work right.

To see what I’m talking about check out this page under construction at: jimhebin.com/?page_id=249
…notice the PDF icons down the right side of the timeline… they load your fancy lightbox perfectly. The URL Arrow Link icon loads an external webpage into a different browser window; I left those settings turned off in your plugin. Click the camera icon, and you get an error message (it’s currently linked to a JPEG sitting in my Media directory).

I don’t know what I’m doing wrong, What do I need to put in the icon’s URL field to load a bunch of local jpegs in my Media folder and turn it into an automatic slideshow gallery? Or If I already set your plugin to display PDFs in a lightbox, can I not also cycle though a series of photos on the same page?

Jim

Maybe it’s a syntax issue in the icon’s link field… Would it work if I set the camera’s URL to point at the local photos like this: <img src=”uploads/pic1.jpg”><img src=”uploads/pic2.jpg”> or what?

Thanks a mil, you guys…. Keep up the GREAT quality plugins!

I was thinking and reading....

So, the botom line is that the images have to be on that page to bein the slideshow, right? But I dont' want the Roof Damage pics to be seen until a visitor clicks the Camera Icon, the lightbox pops up and starts a roof damage slideshow.

Is there a way I can insert a <div> container with a "display:none" CSS property somewhere to hide those roof damage photos? And what would be the URL activated by clicking the Camera Icon?

i sure hope you can help me please,

Jim

Hello,

We can't open the link. Is it available for all IP addresses?

Regards,
ARI Soft

It may be an issue with SSL rerouting.
Try this link:

jimhebin.com/?page_id=249

Something is hidden for guests. Please login or register to see it.
I was thinking of adding a "custom HTML" widget (block) on the page with a hidden gallery, like this:

<div id="roof-damage" style="display:none">
[gallery ids="342,343,344,345,346"]
</div>

Then when I right-click on the Camera Icon I can add a URL, I was thinking I could simply add the anchor tag:

#roof-damage

Would this open this 5-image "slideshow" in the fancy lightbox?

Hmmm...

manually add the https:// in front of the URL...
For some reason, it is stripped when I post here,
and the link only goes to http://

Yeah, I have to look into the SSL rerouting

Your solution will work if add the following script to "ARI Fancy Lightbox -> Settings -> Advanced -> Custom JS code" parameter:



Regards,
ARI Soft