55ok

Mini

Direktori : /home/bestphotography/public_html/Admin/assets/js/owlcarousel/
Upload File :
Current File : /home/bestphotography/public_html/Admin/assets/js/owlcarousel/owl-custom.js

var owl_carousel_custom = {

  init: function () {

    $("#owl-carousel-1").owlCarousel({

      loop: true,

      margin: 10,

      nav: false,

      responsive: {

        320: {

          items: 1,

        },

        576: {

          items: 2,

        },

        768: {

          items: 3,

        },

        992: {

          items: 4,

        },

      },

    }),

      $("#owl-carousel-2").owlCarousel({

        loop: true,

        margin: 10,

        items: 5,

        nav: false,

        responsive: {

          320: {

            items: 1,

          },

          576: {

            items: 2,

          },

          768: {

            items: 3,

          },

          992: {

            items: 4,

          },

        },

      }),

      $("#owl-carousel-3").owlCarousel({

        center: true,

        items: 5,

        loop: true,

        margin: 10,

        nav: false,

        responsive: {

          320: {

            items: 1,

          },

          576: {

            items: 2,

          },

          768: {

            items: 2,

          },

          992: {

            items: 3,

          },

        },

      }),

      $("#owl-carousel-4").owlCarousel({

        items: 5,

        loop: true,

        margin: 10,

        merge: true,

        nav: false,

        responsive: {

          320: {

            items: 1,

            mergeFit: true,

          },

          576: {

            items: 2,

            mergeFit: true,

          },

          768: {

            items: 2,

            mergeFit: true,

          },

          992: {

            items: 3,

            mergeFit: true,

          },

        },

      }),

      $("#owl-carousel-5").owlCarousel({

        margin: 10,

        loop: true,

        autoWidth: true,

        items: 5,

        nav: false,

      }),

      $("#owl-carousel-6").owlCarousel({

        items: 5,

        loop: false,

        center: true,

        margin: 10,

        URLhashListener: true,

        autoplayHoverPause: true,

        startPosition: "URLHash",

        nav: false,

        responsive: {

          320: {

            items: 1,

            mergeFit: true,

          },

          576: {

            items: 2,

            mergeFit: true,

          },

          768: {

            items: 2,

            mergeFit: true,

          },

          992: {

            items: 3,

            mergeFit: true,

          },

        },

      }),

      $("#owl-carousel-7").owlCarousel({

        stagePadding: 50,

        loop: true,

        margin: 10,

        nav: false,

        responsive: {

          320: {

            items: 1,

            mergeFit: true,

          },

          576: {

            items: 2,

            mergeFit: true,

          },

          768: {

            items: 2,

            mergeFit: true,

          },

          992: {

            items: 3,

            mergeFit: true,

          },

        },

      }),

      $("#owl-carousel-8").owlCarousel({

        stagePadding: 50,

        loop: true,

        margin: 10,

        nav: false,

        responsive: {

          320: {

            items: 1,

            mergeFit: true,

          },

          576: {

            items: 2,

            mergeFit: true,

          },

          768: {

            items: 2,

            mergeFit: true,

          },

          992: {

            items: 3,

            mergeFit: true,

          },

        },

      }),

      $("#owl-carousel-9").owlCarousel({

        rtl: true,

        loop: true,

        margin: 10,

        nav: false,

        responsive: {

          320: {

            items: 1,

            mergeFit: true,

          },

          576: {

            items: 2,

            mergeFit: true,

          },

          768: {

            items: 2,

            mergeFit: true,

          },

          992: {

            items: 3,

            mergeFit: true,

          },

        },

      }),

      $("#owl-carousel-10").owlCarousel({

        items: 5,

        lazyLoad: true,

        loop: true,

        margin: 10,

        nav: false,

        responsive: {

          320: {

            items: 1,

            mergeFit: true,

          },

          768: {

            items: 2,

            mergeFit: true,

          },

          992: {

            items: 3,

            mergeFit: true,

          },

        },

      }),

      $("#owl-carousel-12").owlCarousel({

        animateOut: "slideOutDown",

        animateIn: "flipInX",

        items: 5,

        margin: 30,

        stagePadding: 30,

        smartSpeed: 450,

        nav: false,

        responsive: {

          320: {

            items: 1,

            mergeFit: true,

          },

          768: {

            items: 2,

            mergeFit: true,

          },

          992: {

            items: 3,

            mergeFit: true,

          },

        },

      });

    var owl = $("#owl-carousel-13");

    owl.owlCarousel({

      items: 5,

      loop: true,

      margin: 10,

      autoplay: true,

      autoplayTimeout: 1000,

      autoplayHoverPause: false,

      nav: false,

      responsive: {

        320: {

          items: 1,

          mergeFit: true,

        },

        768: {

          items: 2,

          mergeFit: true,

        },

        992: {

          items: 3,

          mergeFit: true,

        },

      },

    }),

      $(".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();

      });

  },

};

(function ($) {

  "use strict";

  owl_carousel_custom.init();

})(jQuery);


Zerion Mini 1.0