https://hammersmithacademy.org/wp-content/themes/hammersmith-acade…/blocks/gallery-slider.js?ver=1787489259

1(function($) {
2
3    $(document).ready(function() {
4
5        (function($) {
6            $('.gallery-slider').each(function() {
7                var $testimonialSection = $(this);
8                var $slider = $testimonialSection.find('.slider');
9                var $progressBar = $testimonialSection.find('.percent');
10
11                $slider.slick({
12                    slidesToShow: 1,
13                    slidesToScroll: 1,
14                    infinite: true,
15                    variableWidth: false,
16                    rows: 1,
17                    dots: false,
18                    prevArrow: $testimonialSection.find('.prev'),
19                    nextArrow: $testimonialSection.find('.next'),
20                    autoplay: true,
21                    autoplaySpeed: 5000,
22                    adaptiveHeight: false,
23                    responsive: [
24                        {
25                            breakpoint: 768,
26                            settings: {
27                                slidesToShow: 1,
28                                variableWidth: false,
29                            }
30                        }
31                    ]
32                });
33
34                $slider.on('load afterChange', function(event, slick, currentSlide){
35                    // updateProgressBar(currentSlide);
36                });
37
38                // updateProgressBar(0);
39
40                function updateProgressBar(currentSlide) {
41                    if($(window).width() > 768){
42                        var percent = ((currentSlide + 1) / $slider.slick('getSlick').slideCount) * 100;
43                    } else{
44                        var percent = ((currentSlide + 1) / $slider.slick('getSlick').slideCount) * 100;
45                    }
46
47                    $progressBar.css('width', percent + '%');
48                }
49            });
50        })(jQuery);
51
52
53
54    })
55
56})(jQuery);