Classic Slider - incorporating lightbox feature

[llart3]

Hello,
I am using Cornerstone with the Classic Slider for my individual artwork pages. I would like to do what a previous person wrote in about (I can’t access this post; it has a “lock” icon on it for some reason):

Lightbox inside Classic Slider?

I have added a classic slider element to my page. Simple slideshow of images - looks great. I want to have it so if you click on the image, it expands the image to a full screen lightbox. I tried setting the slider slides to use the lightbox shortcode, however on first click the image loads without a lightbox. If I go back and click the image a second time, the lightbox loads but the image doesn’t appear inside it. I’m using the Integrity framework. Is there any way to get the outcome I’m afte…

Is this possible? For visual artists, it’s kindof a big deal to have this feature. . .

Many thanks,
Laura

[nabeel]

Hi Laura,

Thank you for reaching out to us. In your slides, wrap your images with <a></a> tags with a class my-lightbox. For example:

<a class="my-lightbox" href="http://placehold.it/1200x600/3498db/2980b9"><img src="http://placehold.it/1200x600/3498db/2980b9" alt="Placeholder"></a>

It is important to note that the URL in the href attribute of the <a></a> tags should be the same as the image URL to show it in the lightbox:

Repeat this step for all the slides. Then add a Raw Content element and paste the following shortcode:

[lightbox selector=".my-lightbox"]

If this doesn’t work then you need to disable the Random option in the Classic Slider element

Hope that helps

[llart3]

Thanks very much for your reply . . . I will see how that works. . . I’m also trying to see if I can achieve a magnifier effect (different support ticket), which would be even better. . . .

Best,
Laura

[christopher]

Thank you Laura.