Как сделать слайдер за минуту? - Swiper

Опубликовано: 04 Февраль 2025
на канале: EduCatter — Канал о Веб-Программировании

3,398

203

В этом коротком видео вы узнаете как просто можно сделать слайдер при помощи библиотеки Swiper.js - https://swiperjs.com/

Только добавьте угловые скобки в начале и конце, ютуб не разрешает х использовать :(

Стили для подключения: link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@1..."

Скрипт№1 для подключения: script src="https://cdn.jsdelivr.net/npm/swiper@1..."

Скрипт №2 для подключения:

let swiper = new Swiper('.swiper', {
loop: true,
initialSlide: 1,
centeredSlides: true,
centeredSlidesBounds: true,
slidesPerView: 3,
slidesPerGroup: 1,
spaceBetween: 50,

navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});

Подробнее о подключении в моем Телеграм канале: https://t.me/educatter

Подпишись!