https://www.hindujahospital.com/assets/js/latest-technology-slider.js

1$(document).ready(function(){
2      $('.about-ages .gallery-tabs .nav-link').bind('click', function() {
3         thumbnailSlickSlider();
4      });
5  
6      if( $('.specialityBoxWrap .specialityBoxSlider').length){
7        specialityBoxSlider(); 
8      }
9  
10      if( $('.room-slider').length > 0){
11        roomSlider(); 
12      }
13  
14   });
15  
16  function thumbnailSlickSlider() {
17  
18      $('.slick-slider').slick({
19          centerMode: true,
20          dots: true,
21          lazyLoad: 'ondemand',
22          slidesToShow: 3,
23          variableWidth: true,
24          autoplay: true,
25          autoplaySpeed: 3000,
26          responsive: [{
27                breakpoint: 800,
28                settings: {
29                arrows: true,
30                centerMode: false,
31                slidesToShow: 1,
32                variableWidth: false
33                }
34          }, {
35                breakpoint: 480,
36                settings: {
37                arrows: true,
38                centerMode: false,
39                slidesToShow: 1,
40                variableWidth: false
41                }
42          }]
43       });
44  }
45  
46  
47  /*---------------Room Type Slider Start----------------*/
48  function roomSlider(){
49        $('.room-slider').slick({
50            dots: true,
51            arrows: false,
52            loop:true,
53            slidesToShow: 1,
54            autoplay: true,
55            autoplaySpeed: 3000,
56            responsive: [{
57                breakpoint: 800,
58                  settings: {
59                  arrows: false,
60                  slidesToShow: 1,
61                  }
62            }, {
63              breakpoint: 480,
64                settings: {
65                arrows: false,
66                slidesToShow: 1,
67                }
68            }]
69        });
70      
71        $('.common_modal.model_room').on('shown.bs.modal', function() {
72          $('.room-slider').slick('setPosition');
73          $('.wrap-modal-slider').addClass('open');
74        })
75      }
76  /*---------------Room Type Slider End----------------*/
77  
78  function specialityBoxSlider(){
79        $('.specialityBoxWrap .specialityBoxSlider').slick({
80              dots: true,
81              arrows: true,
82              //loop:true,
83              //autoplay: true,
84              autoplaySpeed: 3000,
85              slidesToShow: 4,
86              slidesToScroll: 1,
87              dots:true,
88              responsive: [{
89                    breakpoint: 992,
90                    settings: {
91                    arrows: false,
92                    slidesToShow: 3,
93                    }
94              }, {
95              breakpoint: 480,
96                    settings: {
97                    arrows: false,
98                    slidesToShow: 2,
99                    }
100              }]
101        });
102  }