Slides do not switch in the carousel, I can’t figure it out like everything is written correctly, who can help?

• 0

  /*************************
         Owl carousel
  *************************/
    POTENZA.carousel = function () {
      var owlslider = jQuery("div.owl-carousel");
      if (owlslider.length > 0) {
        owlslider.each(function () {
          var $this = $(this),
            $items = ($this.data('items')) ? $this.data('items') : 1,
            $loop = ($this.attr('data-loop')) ? $this.data('loop') : true,
            $navdots = ($this.data('nav-dots')) ? $this.data('nav-dots') : false,
            $navarrow = ($this.data('nav-arrow')) ? $this.data('nav-arrow') : false,
            $autoplay = ($this.attr('data-autoplay')) ? $this.data('autoplay') : true,
            $autospeed = ($this.attr('data-autospeed')) ? $this.data('autospeed') : 5000,
            $smartspeed = ($this.attr('data-smartspeed')) ? $this.data('smartspeed') : 1000,
            $autohgt = ($this.data('autoheight')) ? $this.data('autoheight') : false,
            $space = ($this.attr('data-space')) ? $this.data('space') : 30,
            $animateOut = ($this.attr('data-animateOut')) ? $this.data('animateOut') : false;
  
          $(this).owlCarousel({
            loop: $loop,
            items: $items,
            responsive: {
              0: {
                items: $this.data('xx-items') ? $this.data('xx-items') : 1
              },
              480: {
                items: $this.data('xs-items') ? $this.data('xs-items') : 1
              },
              768: {
                items: $this.data('sm-items') ? $this.data('sm-items') : 2
              },
              980: {
                items: $this.data('md-items') ? $this.data('md-items') : 3
              },
              1200: {
                items: $items
              }
            },
  
            
            dots: $navdots,
            autoplayTimeout: $autospeed,
            smartSpeed: $smartspeed,
            autoHeight: $autohgt,
            margin: $space,
            nav: $navarrow,
            navText: ["<span class='prev-arrow'></span>Prev", "Next<span class='next-arrow'></span>"],
            autoplay: $autoplay,
            autoplayHoverPause: true
            
            
            
          });
        });
      }
    }

  JavaScript Anonymous, Feb 20, 2020

---

0 Answers