https://www.melriya.com/assets/js/custom.js

1$(document).ready(function () {
2  $(".slider-carousel").owlCarousel({
3    loop: true,
4    autoplay: true,
5    items: 1,
6    nav: true,
7    dots: false,
8    // lazyLoad: true,
9    autoplayHoverPause: true,
10    animateIn: "slideOutDown",
11    // animateOut: 'slideInDown',
12    touchDrag: false,
13    transitionStyle: "fade",
14    mouseDrag: false,
15    navText: [
16      "<i class='fas fa-chevron-left'></i>",
17      "<i class='fas fa-chevron-right'></i>",
18    ],
19  })
20  var owl1 = $(".slider-carousel");
21  owl1.owlCarousel();
22  owl1.on('change.owl.carousel',function(e){
23    let src = $(".banner .owl-item.active").find("figure").children("img").attr("src");
24    $('.banner').css('background-image','url('+src+')');
25  })
26
27  $(".equipment-carousel").owlCarousel({
28    items: 3,
29    loop: !0,
30    dots: !1,
31    nav: !0,
32    navText: [
33      "<i class='fa-solid fa-arrow-left-long'></i>",
34      "<i class='fa-solid fa-arrow-right-long'></i>",
35    ],
36    responsive: {
37      1024: { items: 3 },
38      768: { items: 2 },
39      600: { items: 1 },
40      425: { items: 1 },
41      360: { items: 1 },
42      30: { items: 1 },
43    },
44  }),
45    $(".service-carousel").owlCarousel({
46      items: 6,
47      loop: !0,
48      nav: !0,
49      dots: !1,
50      navText: [
51        "<i class='fa-solid fa-arrow-left-long'></i>",
52        "<i class='fa-solid fa-arrow-right-long'></i>",
53      ],
54      responsive: {
55        1024: { items: 4 },
56        768: { items: 3 },
57        600: { items: 1 },
58        425: { items: 1 },
59        360: { items: 1 },
60        30: { items: 1 },
61      },
62    }),
63    $(".blog-carousel").owlCarousel({
64      items: 3,
65      loop: !0,
66      nav: !1,
67      dots: !0,
68      nav: !0,
69      navText: [
70        "<i class='fas fa-arrow-left'></i>",
71        "<i class='fas fa-arrow-right'></i>",
72      ],
73      responsive: {
74        1024: { items: 2 },
75        768: { items: 2 },
76        600: { items: 1 },
77        425: { items: 1 },
78        360: { items: 1 },
79        30: { items: 1 },
80      },
81    }),
82    $(document).ready(function () {
83      var e = $("#big"),
84        i = $("#thumbs");
85      e
86        .owlCarousel({
87          items: 1,
88          slideSpeed: 2e3,
89          nav: !0,
90          autoplay: !0,
91          dots: !1,
92          loop: !0,
93          responsiveRefreshRate: 200,
94          navText: [
95            "<i class='fa-solid fa-arrow-left-long'></i>",
96            "<i class='fa-solid fa-arrow-right-long'></i>",
97          ],
98        })
99        .on("changed.owl.carousel", function e(s) {
100          var a = s.item.count - 1,
101            o = Math.round(s.item.index - s.item.count / 2 - 0.5);
102          o < 0 && (o = a),
103            o > a && (o = 0),
104            i
105              .find(".owl-item")
106              .removeClass("current")
107              .eq(o)
108              .addClass("current");
109          var t = i.find(".owl-item.active").length - 1,
110            l = i.find(".owl-item.active").first().index();
111          o > i.find(".owl-item.active").last().index() &&
112            i.data("owl.carousel").to(o, 100, !0),
113            o < l && i.data("owl.carousel").to(o - t, 100, !0);
114        }),
115        i
116          .on("initialized.owl.carousel", function () {
117            i.find(".owl-item").eq(0).addClass("current");
118          })
119          .owlCarousel({
120            items: 6,
121            dots: !0,
122            nav: !0,
123            navText: [
124              '<i class="fa fa-chevron-left" aria-hidden="true"></i>',
125              '<i class="fa fa-chevron-right" aria-hidden="true"></i>',
126            ],
127            smartSpeed: 200,
128            slideSpeed: 500,
129            slideBy: 4,
130            responsiveRefreshRate: 100,
131          })
132          .on("changed.owl.carousel", function i(s) {
133            var a = s.item.index;
134            e.data("owl.carousel").to(a, 100, !0);
135          }),
136        i.on("click", ".owl-item", function (i) {
137          i.preventDefault();
138          var s = $(this).index();
139          e.data("owl.carousel").to(s, 300, !0);
140        });
141    }),
142    $(".partner-carousel").owlCarousel({
143      items: 6,
144      loop: !0,
145      nav: !0,
146      dots: !1,
147      navText: [
148        "<i class='fa-solid fa-arrow-left-long'></i>",
149        "<i class='fa-solid fa-arrow-right-long'></i>",
150      ],
151      responsive: {
152        1024: { items: 5 },
153        768: { items: 4 },
154        600: { items: 1 },
155        425: { items: 1 },
156        360: { items: 1 },
157        30: { items: 1 },
158      },
159    }),
160    $(".menu-button .fa-bars").click(function () {
161      $(".navigation").css("right", "0");
162    }),
163    $(".close-button .fa-times").click(function () {
164      $(".navigation").css("right", "-100%");
165    });
166});