Lightbox images nog working properly

[peevdtee]

Hi,

I’ve got a page with several references to clients. There are 3 pictures with every client that has to open in a lightbox with this code:

[lightbox selector=".my-image" deeplink=“true” opacity=“0.875” prev_scale=“0.75” prev_opacity=“0.75” next_scale=“0.75” next_opacity=“0.75” orientation=“horizontal” thumbnails=“true”]

I added a class to every 3 images and then a shortcode with the selector. But when I test it, I see the 3 pictures (1 opened and the 3 of them on the bottom in thumbnails so you can see which one will come next), but you can only skip to the second picture and then the whole page freezes. You can’t go back and forth. You have to manualy reload the page to use the website.

What am I doing wrong? Thanks in advance <3

I’m using Chrome on Windows 10

[christian]

Hey @peevdtee,

The X Lightbox does not have this problem in my test site so I suspect there’s a conflict with the Envira Gallery in your page.

Please try saving your page as a template and load it in a test page then remove the Envira Gallery shortcodes. I’d recommend that you use Envira Gallery all the way though because you’re using 2 different lightbox scripts in your page.

That might conflict and it also adds bloat to your page.

Thanks.

[peevdtee]

Hi Christian,

Thanks, I will try that

[christian]

You’re welcome and thanks for trying.

[peevdtee]

That did the trick. 2 lightbox solutions in one page is not that smart Thanks <3

[christian]

You’re welcome. Glad we’re able to help.