So I am using a plugin called MagicScroll by MagicToolBox, and it has a cool function of being able to rotate images on a carousel. I wanted to be able to click on one of the images in the carousel and bring up a lightbox of that image. From the lightbox, you should be able to navigate right or left instead of clicking out of the lightbox, then to the next image on the carousel.

The page in question is Linesheets Templates and the section is where the carousel is.

Is there any way to make MagicScroll work with your plugin Fancy Lightbox?

Thank you for your time.

Hello,

Open "ARI Fancy Lightbox -> Settings -> Integration" page and populate "Images -> Custom grouping selectors" parameter with the following value:

.mcs-items-container$$A

Regards,
ARI Soft

Sadly this did not seem to work. I copied it word for word. There's still no navigation when clicking into the lightbox.

We see the problem, it doesn't work because MagicScroll generated HTML dynamically and it is not ready when the plugin tries to add group for slider images. Try to add the following code to "Custom JS code" parameter on "ARI Fancy Lightbox -> Settings -> Advanced" page:

setTimeout(function() { $('.mcs-items-container A').attr('data-fancybox', 'gallery'); }, 300);

Regards,
ARI Soft

Thanks for the extremely fast support, you're awesome!

That didn't work either, this MagicScroll plugin kinda sucks I guess.

We see navigation buttons on your site:



Regards,
ARI Soft