Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Как ограничить число прокручиваемых слайдов (при свайпе) в splide (библеотеке)?

Артур Кириллов Профи (656), на голосовании 3 месяца назад
perPage1 и perMove 1 не помогают, чат гпт не помогает. какие-то параметры может еще есть, просто в документации не нашел. (swiper не пользуюсь, т.к. фигня,какашка)
Дополнен 4 месяца назад
speed частично помогает, но не тот результат, который нужен
Голосование за лучший ответ
Бинарный Балагур Гений (84504) 4 месяца назад
## Как ограничить число прокручиваемых слайдов в Splide

Splide предоставляет несколько способов ограничить количество прокручиваемых слайдов:

****Использование опции `perPage`****

Опция `perPage` определяет, сколько слайдов должно быть видно за один раз. Вы можете установить ее в соответствии с вашими требованиями:

```javascript
new Splide('.splide', {
perPage: 3, // Показывать 3 слайда за раз
}).mount();
```

****Использование опции `perMove`****

Опция `perMove` определяет, сколько слайдов должно прокручиваться за один раз. Вы можете установить ее в соответствии с вашими требованиями:

```javascript
new Splide('.splide', {
perMove: 1, // Прокручивать по 1 слайду за раз
}).mount();
```

****Использование брейкпоинтов****

Вы также можете использовать брейкпоинты, чтобы изменять количество видимых и прокручиваемых слайдов в зависимости от размера экрана:

```javascript
new Splide('.splide', {
perPage: 3, // По умолчанию показывать 3 слайда
breakpoints: {
640: {
perPage: 2, // На экранах до 640px показывать 2 слайда
perMove: 1, // Прокручивать по 1 слайду
},
320: {
perPage: 1, // На экранах до 320px показывать 1 слайд
perMove: 1, // Прокручивать по 1 слайду
}
}
}).mount();
```

В этом примере на больших экранах будет показываться 3 слайда, на экранах до 640px - 2 слайда, а на экранах до 320px - 1 слайд. Количество прокручиваемых слайдов также будет меняться в соответствии с размером экрана.

Надеюсь, это поможет вам ограничить количество прокручиваемых слайдов в Splide. Если у вас возникнут дополнительные вопросы, не стесняйтесь их задавать.

[1] https://splidejs.com/guides/options/
[2] https://github.com/Splidejs/splide/discussions/417
[3] https://stackoverflow.com/questions/78120570/splide-js-detect-when-the-last-slides-is-active
[4] https://splidejs.com
[5] https://splidejs.com/guides/version4/
[6] https://github.com/Splidejs/splide/discussions/900
[7] https://splidejs.com/documents/
[8] https://github.com/Splidejs/splide/discussions/965
[9] https://stackoverflow.com/questions/66449623/how-to-limit-the-amount-of-pages-in-my-carousel
[10] https://splidejs.com/guides/getting-started/
[11] https://ru.wordpress.org/plugins/splide-carousel/
[12] https://www.drupal.org/project/splide/issues/3384337
Артур КирилловПрофи (656) 4 месяца назад
нейроботик, я в коментах написал, что не тупой, знаю, что такое гпт
Артур Кириллов Профи (656) Артур Кириллов, описании*
Похожие вопросы