WP - Lightbox does not work on Owl Carousel's first item

Question

In below page, I have built a gallery slider with Visual Composer. It's using Owl Carousel library.

When I enable the Lightbox option, it's not working on the first image, most of the time.

You will understand me after looking at the URL: http://www.turnabakir.com/test/index.php/portfolio-item/kayik-sahan/

Any help is appreciated.

score 1 · Answer 1 · answered Feb 05 '23 at 16:14

I got the same problem between the OwlCarousel and GLightbox. Because I don't want to disable the loop option I tried to re-initializing the Glightbox after the OwlCarousel calling like this:

$("#carouselboxid").owlCarousel({});

const myLightbox = GLightbox({
  selector: ".elemclass-lightbox"
});

score 0 · Answer 2 · answered Mar 16 '17 at 11:31

I just disabled looping attribute of OwlCarousel and the problem is solved. It was something related to looping. My guess is when Owl was cloning items one after another, binding of Lightbox was affected. It is not the answer of my question, but my problem is solved, so topic can be closed.

WP - Lightbox does not work on Owl Carousel's first item

2 Answers2