source:
public/assets/js/examples/slick.js@
a55bb54
Last change on this file since a55bb54 was 194a359, checked in by , 3 years ago | |
---|---|
|
|
File size: 1.5 KB |
Rev | Line | |
---|---|---|
[194a359] | 1 | 'use strict'; |
2 | $(document).ready(function () { | |
3 | ||
4 | $('.slick-single').slick(); | |
5 | ||
6 | $('.slick-multiple').slick({ | |
7 | infinite: true, | |
8 | slidesToShow: 4, | |
9 | slidesToScroll: 4 | |
10 | }); | |
11 | ||
12 | $('.slick-autoplay').slick({ | |
13 | slidesToShow: 3, | |
14 | slidesToScroll: 1, | |
15 | autoplay: true, | |
16 | autoplaySpeed: 2000, | |
17 | }); | |
18 | ||
19 | $('.slick-center-mode').slick({ | |
20 | centerMode: true, | |
21 | centerPadding: '60px', | |
22 | slidesToShow: 3, | |
23 | responsive: [ | |
24 | { | |
25 | breakpoint: 768, | |
26 | settings: { | |
27 | arrows: false, | |
28 | centerMode: true, | |
29 | centerPadding: '40px', | |
30 | slidesToShow: 3 | |
31 | } | |
32 | }, | |
33 | { | |
34 | breakpoint: 480, | |
35 | settings: { | |
36 | arrows: false, | |
37 | centerMode: true, | |
38 | centerPadding: '40px', | |
39 | slidesToShow: 1 | |
40 | } | |
41 | } | |
42 | ] | |
43 | }); | |
44 | ||
45 | $('.slick-fade-effect').slick({ | |
46 | dots: true, | |
47 | infinite: true, | |
48 | speed: 500, | |
49 | fade: true, | |
50 | cssEase: 'linear' | |
51 | }); | |
52 | ||
53 | $('.slider-for').slick({ | |
54 | slidesToShow: 1, | |
55 | slidesToScroll: 1, | |
56 | arrows: false, | |
57 | fade: true, | |
58 | asNavFor: '.slider-nav' | |
59 | }); | |
60 | ||
61 | $('.slider-nav').slick({ | |
62 | slidesToShow: 4, | |
63 | slidesToScroll: 1, | |
64 | asNavFor: '.slider-for', | |
65 | centerMode: true, | |
66 | focusOnSelect: true | |
67 | }); | |
68 | ||
69 | ||
70 | }); |
Note:
See TracBrowser
for help on using the repository browser.