1#@!#!123s

: / home3 / encodto1 / tresboutique.in / tresadmin / assets / js / owlcarousel /
Filename : owl-custom.js
back
/**=====================
    Owl-carousel js Start
==========================**/

(function ($) {
  "use strict";
  var owl_carousel_custom = {
    init: function () {
      var owl = $("#owl-carousel-13");
      owl.owlCarousel({
        items: 5,
        loop: true,
        margin: 10,
        autoplay: true,
        autoplayTimeout: 1000,
        autoplayHoverPause: true,
        nav: false,
        responsive: {
          320: {
            items: 1,
            mergeFit: true,
          },
          768: {
            items: 2,
            mergeFit: true,
          },
          992: {
            items: 3,
            mergeFit: true,
          },
        },
      }),
      $("#owl-carousel-dashboard").owlCarousel({
        loop: true,
        margin: 10,
        items: 1,
        nav: false,
        // responsive: {
        //   320: {
        //     items: 1,
        //   },
        //   576: {
        //     items: 2,
        //   },
        //   768: {
        //     items: 3,
        //   },
        //   992: {
        //     items: 4,
        //   },
        // },
      }),
        $(".play").on("click", function () {
          owl.trigger("play.owl.autoplay", [1000]);
        }),
        $(".stop").on("click", function () {
          owl.trigger("stop.owl.autoplay");
        }),
        $("#owl-carousel-14").owlCarousel({
          items: 1,
          margin: 10,
          autoHeight: true,
          nav: false,
        });
      var owl = $("#owl-carousel-15");
      owl.owlCarousel({
        loop: true,
        nav: false,
        margin: 10,
        responsive: {
          0: {
            items: 1,
          },
          600: {
            items: 3,
          },
          960: {
            items: 5,
          },
          1200: {
            items: 5,
          },
        },
      }),
      owl.on("mousewheel", ".owl-stage", function (e) {
        if (e.deltaY > 0) {
          owl.trigger("next.owl");
        } else {
          owl.trigger("prev.owl");
        }
        e.preventDefault();
      });
    },
  };

  owl_carousel_custom.init();
})(jQuery);

/**=====================
  Owl-carousel Ends
==========================**/