https://disdik.padang.go.id/assets/vendor/jquery/jcarousel.responsive.js

1(function($) {
2    $(function() {
3        var jcarousel = $('.jcarousel');
4
5        jcarousel
6            .on('jcarousel:reload jcarousel:create', function () {
7                var carousel = $(this),
8                    width = carousel.innerWidth();
9
10                if (width >= 600) {
11                    width = width / 3;
12                } else if (width >= 350) {
13                    width = width / 2;
14                }
15
16                carousel.jcarousel('items').css('width', Math.ceil(width) + 'px');
17            })
18            .jcarousel({
19                wrap: 'circular'
20            });
21
22        $('.jcarousel-control-prev')
23            .jcarouselControl({
24                target: '-=1'
25            });
26
27        $('.jcarousel-control-next')
28            .jcarouselControl({
29                target: '+=1'
30            });
31
32        $('.jcarousel-pagination')
33            .on('jcarouselpagination:active', 'a', function() {
34                $(this).addClass('active');
35            })
36            .on('jcarouselpagination:inactive', 'a', function() {
37                $(this).removeClass('active');
38            })
39            .on('click', function(e) {
40                e.preventDefault();
41            })
42            .jcarouselPagination({
43                perPage: 1,
44                item: function(page) {
45                    return '<a href="#' + page + '">' + page + '</a>';
46                }
47            });
48    });
49})(jQuery);