https://youplayer.co.kr/home/assets/js/custom.js

1/*================= Custom js file =================*/
2$(function () {
3  "use strict";
4  // Slick Slider //
5  $('.center-mode').slick({
6    infinite: true,
7    centerMode: true,
8    centerPadding: '0px',
9    slidesToShow: 3,
10    slidesToScroll: 1,
11    autoplay: true,
12    autoplaySpeed: 3000,
13    arrows: false,
14    responsive: [ 
15      {
16        breakpoint: 1024,
17        settings: {
18          arrows: false,
19          centerMode: false,
20          centerPadding: '0',
21          slidesToShow: 3
22        }
23      },
24      {
25        breakpoint: 991,
26        settings: {
27          arrows: false,
28          centerMode: false,
29          centerPadding: '0',
30          slidesToShow: 2
31        }
32      },
33      {
34        breakpoint: 768,
35        settings: {
36          arrows: false,
37          centerMode: true,
38          centerPadding: '0',
39          slidesToShow: 1
40        }
41      },
42      {
43        breakpoint: 480,
44        settings: {
45          arrows: false,
46          centerMode: true,
47          centerPadding: '40px',
48          slidesToShow: 1
49        }
50      }
51    ]
52  });
53  // Team Slider
54  $('.team-style-1').slick({
55    slidesToShow: 6,
56    slidesToScroll: 2,
57    autoplay: true,
58    autoplaySpeed: 2000,
59    infinite: true,
60    dots: true,
61    arrows: false,
62    responsive: [
63      {
64        breakpoint: 1240,
65        settings: {
66          slidesToShow: 5,
67          slidesToScroll: 5,
68        }
69      },
70      {
71        breakpoint: 1024,
72        settings: {
73          slidesToShow: 5,
74          slidesToScroll: 5,
75        }
76      },
77      {
78        breakpoint: 992,
79        settings: {
80          slidesToShow: 4,
81          slidesToScroll: 4
82        }
83      },
84      {
85        breakpoint: 768,
86        settings: {
87          slidesToShow: 3,
88          slidesToScroll: 3
89        }
90      },
91      {
92        breakpoint: 492,
93        settings: {
94          slidesToShow: 1,
95          slidesToScroll: 1
96        }
97      },
98      // You can unslick at a given breakpoint now by adding:
99      // settings: "unslick"
100      // instead of a settings object
101    ]
102  });
103  // Testimonial-2
104  $('.testimonial-2').slick({
105    slidesToShow: 2,
106    slidesToScroll: 2,
107    autoplay: true,
108    autoplaySpeed: 2000,
109    infinite: true,
110    dots: true,
111    arrows: false,
112    responsive: [
113      {
114        breakpoint: 768,
115        settings: {
116          slidesToShow: 1,
117          slidesToScroll: 1,
118        }
119      },
120      {
121        breakpoint: 492,
122        settings: {
123          slidesToShow: 1,
124          slidesToScroll: 1,
125        }
126      },
127      // You can unslick at a given breakpoint now by adding:
128      // settings: "unslick"
129      // instead of a settings object
130    ]
131  });
132  // Partner Logo Slider
133  $('.logo-slider').slick({
134    slidesToShow: 6,
135    slidesToScroll: 6,
136    autoplay: true,
137    autoplaySpeed: 2000,
138    infinite: true,
139    dots: false,
140    arrows: false,
141    responsive: [
142      {
143        breakpoint: 1240,
144        settings: {
145          slidesToShow: 5,
146          slidesToScroll: 5,
147        }
148      },
149      {
150        breakpoint: 1024,
151        settings: {
152          slidesToShow: 5,
153          slidesToScroll: 5,
154        }
155      },
156      {
157        breakpoint: 992,
158        settings: {
159          slidesToShow: 4,
160          slidesToScroll: 4
161        }
162      },
163      {
164        breakpoint: 768,
165        settings: {
166          slidesToShow: 3,
167          slidesToScroll: 3
168        }
169      },
170      {
171        breakpoint: 492,
172        settings: {
173          slidesToShow: 1,
174          slidesToScroll: 1
175        }
176      },
177      // You can unslick at a given breakpoint now by adding:
178      // settings: "unslick"
179      // instead of a settings object
180    ]
181  });
182
183  //Swiper slides script //
184  var swiper = new Swiper('.swiper-container', {
185    slidesPerView: 1,
186    spaceBetween: 0,
187    loop: true,
188    speed: 1000,
189    effect: 'slides',
190    autoplay: {
191      delay: 1800,
192      disableOnInteraction: false,
193    },
194    //pagination: {
195      //el: '.swiper-pagination',
196      //clickable: true,
197    //},
198    //navigation: {
199        //nextEl: '.swiper-button-next',
200        //prevEl: '.swiper-button-prev',
201      //},
202  });
203
204  // shrink header //
205  $(document).on("scroll", function () {
206  if
207    ($(document).scrollTop() > 150) {
208      $(".nav-sticky").addClass("nav-stick-top");
209    } else
210    {
211      $(".nav-sticky").removeClass("nav-stick-top");
212    }
213  });
214
215  // Smooth Scroll //
216  var scroll = new SmoothScroll('a[href*="#"]:not([data-toggle="pill"])');
217
218  // Magnific popup //
219  $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
220    disableOn: 700,
221    type: 'iframe',
222    mainClass: 'mfp-fade',
223    removalDelay: 160,
224    preloader: false,

225    fixedContentPos: false
226  });
227
228  //auto close navbar-collapse on click a //
229  $('[data-scroll]').on('click', function () {
230      $('.navbar-toggler:visible').click();
231  });
232
233  /*================ Scroll to Top  ======================*/
234  $(window).scroll(function() {
235      if ($(this).scrollTop() >= 500) {        // If page is scrolled more than 50px
236          $('.back-to-top').fadeIn(200);    // Fade in the arrow
237      } else {
238          $('.back-to-top').fadeOut(200);   // Else fade out the arrow
239      }
240  });
241  $('.back-to-top').click(function() {      // When arrow is clicked
242      $('body,html').animate({
243          scrollTop : 0                       // Scroll to top of body
244      }, 500);
245  });
246});