swiper js не работает
Ответы
Aleksey
13 апреля 2023
Swiper JS - это библиотека для создания слайдеров на веб-страницах. Если она не работает, то возможно, что у вас есть проблемы с подключением библиотеки или с настройками самого слайдера.
Вот несколько шагов, которые вы можете выполнить, чтобы решить проблему:
- Убедитесь, что вы правильно подключили библиотеку Swiper JS. Для этого вам нужно добавить ссылку на файлы библиотеки в разделе
<head>
вашей HTML-страницы:
<head>
<link
rel="stylesheet"
href="https://unpkg.com/swiper/swiper-bundle.min.css"
/>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
</head>
- Убедитесь, что вы правильно настроили свой слайдер. Вот пример кода, который создает слайдер с двумя слайдами:
const mySwiper = new Swiper('.swiper-container', {
slidesPerView: 2,
spaceBetween: 30,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
- Убедитесь, что вы правильно разместили HTML-код для своего слайдера. Вот пример кода, который создает контейнер для слайдера и два слайда:
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
</div>
<div class="swiper-pagination"></div>
</div>
0
0