https://enrekangkab.go.id/static/themes/js/main.js

1(function ($) {
2    "use strict";
3    
4    // Dropdown on mouse hover
5    $(document).ready(function () {
6        function toggleNavbarMethod() {
7            if ($(window).width() > 992) {
8                $('.navbar .dropdown').on('mouseover', function () {
9                    $('.dropdown-toggle', this).trigger('click');
10                }).on('mouseout', function () {
11                    $('.dropdown-toggle', this).trigger('click').blur();
12                });
13            } else {
14                $('.navbar .dropdown').off('mouseover').off('mouseout');
15            }
16        }
17        toggleNavbarMethod();
18        $(window).resize(toggleNavbarMethod);
19    });
20    
21    
22    // Back to top button
23    $(window).scroll(function () {
24        if ($(this).scrollTop() > 100) {
25            $('.back-to-top').fadeIn('slow');
26        } else {
27            $('.back-to-top').fadeOut('slow');
28        }
29    });
30    $('.back-to-top').click(function () {
31        $('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
32        return false;
33    });
34
35
36    // Tranding carousel
37    $(".tranding-carousel").owlCarousel({
38        autoplay: true,
39        smartSpeed: 2000,
40        items: 1,
41        dots: false,
42        loop: true,
43        nav : true,
44        navText : [
45            '<i class="fa fa-angle-left"></i>',
46            '<i class="fa fa-angle-right"></i>'
47        ]
48    });
49
50
51    // Carousel item 1
52    $(".carousel-item-1").owlCarousel({
53        autoplay: true,
54        smartSpeed: 1500,
55        items: 1,
56        dots: false,
57        loop: true,
58        nav : true,
59        navText : [
60            '<i class="fa fa-angle-left" aria-hidden="true"></i>',
61            '<i class="fa fa-angle-right" aria-hidden="true"></i>'
62        ]
63    });
64
65    // Carousel item 2
66    $(".carousel-item-2").owlCarousel({
67        autoplay: true,
68        smartSpeed: 1000,
69        margin: 30,
70        dots: false,
71        loop: true,
72        nav : true,
73        navText : [
74            '<i class="fa fa-angle-left" aria-hidden="true"></i>',
75            '<i class="fa fa-angle-right" aria-hidden="true"></i>'
76        ],
77        responsive: {
78            0:{
79                items:1
80            },
81            576:{
82                items:1
83            },
84            768:{
85                items:2
86            }
87        }
88    });
89
90
91    // Carousel item 3
92    $(".carousel-item-3").owlCarousel({
93        autoplay: true,
94        smartSpeed: 1000,
95        margin: 30,
96        dots: false,
97        loop: true,
98        nav : true,
99        navText : [
100            '<i class="fa fa-angle-left" aria-hidden="true"></i>',
101            '<i class="fa fa-angle-right" aria-hidden="true"></i>'
102        ],
103        responsive: {
104            0:{
105                items:1
106            },
107            576:{
108                items:1
109            },
110            768:{
111                items:2
112            },
113            992:{
114                items:3
115            }
116        }
117    });
118    
119
120    // Carousel item 4
121    $(".carousel-item-4").owlCarousel({
122        autoplay: true,
123        smartSpeed: 1000,
124        margin: 30,
125        dots: false,
126        loop: true,
127        nav : true,
128        navText : [
129            '<i class="fa fa-angle-left" aria-hidden="true"></i>',
130            '<i class="fa fa-angle-right" aria-hidden="true"></i>'
131        ],
132        responsive: {
133            0:{
134                items:1
135            },
136            576:{
137                items:1
138            },
139            768:{
140                items:2
141            },
142            992:{
143                items:3
144            },
145            1200:{
146                items:4
147            }
148        }
149    });
150    
151})(jQuery);
152