https://www.sais.edu.sg/wp-content/themes/nextgen-v2/assets/js/custom.js?ver=0.1.17

1jQuery(document).ready(function($) {
2    // Initialize Slick Slider on footer image carousel
3    if (jQuery('.nextgen-slick-slider').length) {
4        jQuery('.nextgen-slick-slider').slick({
5            slidesToShow: 4, // Adjust the number of slides to show at once
6            slidesToScroll: 1,
7            autoplay: true,
8            autoplaySpeed: 2000,
9            dots: false,
10            arrows: true,
11            responsive: [
12                {
13                    breakpoint: 1024,
14                    settings: {
15                        slidesToShow: 3,
16                    }
17                },
18                {
19                    breakpoint: 768,
20                    settings: {
21                        slidesToShow: 2,
22                    }
23                },
24                {
25                    breakpoint: 480,
26                    settings: {
27                        slidesToShow: 1,
28                    }
29                }
30            ]
31        });
32    }
33
34        //flexible content slider 
35     if (jQuery('.slick-slider--with-icon').length) {
36        jQuery('.slick-slider--with-icon').slick({
37            slidesToShow: 1,
38            slidesToScroll: 1,
39            dots: false,
40            infinite: true,
41            speed: 500,
42            fade: false,
43            cssEase: 'linear',
44            autoplay: false,
45            adaptiveHeight: true,
46            prevArrow: "<button type='button' class='slick-prev pull-left'><i class='fa fa-angle-right'></i></button>",
47            nextArrow: "<button type='button' class='slick-next pull-right'><i class='fa fa-angle-left'></i></button>",
48            dotsClass: 'flex-slider__dots',
49            responsive: [{
50                breakpoint: 768,
51                settings: {
52                    slidesToShow: 1,
53                    slidesToScroll: 1,
54                    centerMode: true,
55                    dots: false,
56                    arrows: false,
57                    focusOnSelect: true,
58                    centerPadding: '20px'
59                }
60            }]
61
62        });
63    }
64
65
66    // video carousel
67    var slideDuration = 5000; // Get the slide duration passed from PHP
68
69    jQuery('.video-carousel').slick({
70        autoplay: false,
71        autoplaySpeed: slideDuration, // Using the slide duration variable from PHP
72        arrows: true, // Show arrows by default
73        dots: false,
74        slidesToShow: 1,
75        slidesToScroll: 1,
76        prevArrow: '<button type="button" class="slick-prev"></button>',
77        nextArrow: '<button type="button" class="slick-next"></button>',
78        responsive: [
79            {
80                breakpoint: 1024, // For tablets (1024px and below)
81                settings: {
82                    slidesToShow: 1,
83                    slidesToScroll: 1,
84                    arrows: true, // Keep arrows visible on tablets
85                    dots: false
86                }
87            },
88            {
89                breakpoint: 768, // For mobile (768px and below)
90                settings: {
91                    slidesToShow: 1,
92                    slidesToScroll: 1,
93                    arrows: true, // Show arrows on mobile
94                    dots: false
95                }
96            },
97            {
98                breakpoint: 480, // For very small mobile screens (480px and below)
99                settings: {
100                    slidesToShow: 1,
101                    slidesToScroll: 1,
102                    arrows: true, // Show arrows on very small mobile screens
103                    dots: false
104                }
105            }
106        ]
107    });
108
109    if ($('#mainVideo').length) {
110        $('#mainVideo').youtube_background();
111    } 
112});
113jQuery(window).on('load', function() {
114    if (jQuery('.full-width-slider').length) {
115        jQuery('.full-width-slider').slick({
116            slidesToShow: 1,
117            slidesToScroll: 1,
118            autoplay: true,
119            autoplaySpeed: 2000,
120            dots: true,
121            arrows: true,
122            prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left"></i></button>',
123            nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right"></i></button>',
124        });
125    }
126});
127