https://ionbroadband.id/storage/assets/js/custom.js

1(function($) {
2    
3    $('.th-slider').each(function () {
4
5        var thSlider = $(this);
6        var settings = $(this).data('slider-options');
7
8        // Store references to the navigation Slider
9        var prevArrow = thSlider.find('.slider-prev');
10        var nextArrow = thSlider.find('.slider-next');
11        var paginationEl = thSlider.find('.slider-pagination');
12
13        var autoplayconditon = settings['autoplay'];
14
15        var sliderDefault = { 
16            slidesPerView: 1,
17            spaceBetween: settings['spaceBetween'] ? settings['spaceBetween'] : 24,
18            loop: settings['loop'] == false ? false : true,
19            speed: settings['speed'] ? settings['speed'] : 1000,
20            autoplay: autoplayconditon ? autoplayconditon : {delay: 6000, disableOnInteraction: false},
21            navigation: {
22                nextEl: nextArrow.get(0),
23                prevEl: prevArrow.get(0),  
24            },
25            pagination: {
26                el: paginationEl.get(0),
27                clickable: true, 
28                renderBullet: function (index, className) {
29                    return '<span class="' + className + '" aria-label="Go to Slide ' + (index + 1) + '"></span>';
30                },
31            },
32        };
33
34        var options = JSON.parse(thSlider.attr('data-slider-options'));
35        options = $.extend({}, sliderDefault, options);
36        var swiper = new Swiper(thSlider.get(0), options); // Assign the swiper variable
37
38        if ($('.slider-area').length > 0) {
39            $('.slider-area').closest(".container").parent().addClass("arrow-wrap");
40        }
41
42    });
43
44})(jQuery);