V
V
vladsklyar2020-10-27 15:51:56
fancyBox
vladsklyar, 2020-10-27 15:51:56

Owl carousel + fancybox 3.5.6 works every other time in mobile version?

Good day! Prompt Owl carousel + fancybox 3.5.6 in the mobile version works every other time, that is, from time to time you need to tap the picture twice in the PC version, there are no such problems!

jQuery('.owl-carousel').owlCarousel({
responsiveClass:true,
  autoplay:false,
  autoplayTimeout:6000,
  loop:true,
       margin:0,
  center: true,
       nav:true,
        navText : ["<span class='prev'></span>","<span class='next'></span>"],
        dots:true,
      startPosition: 0,
  
      responsive:{
          0:{
              items:3
          },
          600:{
              items:3
          },
          1000:{
              items:3
          }
      }
  });


markup
<div  class="owl-carousel">
<div><a href="images/body/webx/marinesko.jpg" data-fancybox> <img src="images/body/webx/marinesko.jpg"></a></div>
<div><a href="images/body/webx/monada.jpg" data-fancybox><img src="images/body/webx/monada.jpg"></a></div>
<div><a href="images/body/webx/berka.jpg" data-fancybox><img src="images/body/webx/berka.jpg"></a></div>

<div><a href="images/body/webx/tixon.jpg" data-fancybox> <img src="images/body/webx/tixon.jpg"></a></div>
<div><a href="images/body/webx/plemia.jpg" data-fancybox><img src="images/body/webx/plemia.jpg"></a></div>
</div>

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question