## Как ограничить число прокручиваемых слайдов в 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