https://tara-express.ru/swiper/swiper.js

1const swiper = new Swiper('.swiper', {
2    // Optional parameters
3    direction: 'horizontal',
4    loop: true,
5
6    // ------ меняет курсор ------
7    // grabCursor: true,
8
9    // ----- кол-во показываемых слайдов за раз ------
10    // slidesPerView: 1,
11    // spaceBetween: 30,
12
13    // ------ кол-во пролистываемых слайдов за раз ------
14    // slidesPerGroup: 1,
15
16    // ------ автопрокрутка ------
17    // autoplay: {
18            // delay: 1000,
19            // отключение после взаимодействия
20            // disableOnInteraction: false
21    // },
22
23
24
25    // Управление
26    pagination: {
27        el: '.swiper-pagination',
28        clickable: true,
29        // Тип: Фракция (цифры вместо точек)
30        // type: 'fraction',
31
32    },
33
34    navigation: {
35        nextEl: '.swiper-button-next',
36        prevEl: '.swiper-button-prev',
37    },
38
39    scrollbar: {
40        el: '.swiper-scrollbar',
41        // перетаскивание курсором
42        draggable: true
43    },
44
45    // ------ отключение всех элементов управления, если мало слайдов ------
46    watchOverflow: true,
47
48
49    // ------ адаптив ------
50
51    // breakpoints: {
52    //     320: {
53    //         slidesPerView: 1,
54    //     }, 
55        
56    //     768: {
57    //         slidesPerView: 2,
58    //     }, 
59
60    //     1024: {
61    //         slidesPerView: 3,
62    //     }, 
63    // }
64
65   
66});