Слайдер SWIPER 2023. Основные типы слайдеров. Подробный курс для новичков. Код из видео в описании.
Вставка
- Опубліковано 21 вер 2024
- Материалы урока: t.me/frontend_...
Чат Фронтендеров в Telegram (помощь новичкам): t.me/frontend_...
«00:28:22 - 2 часть видео»
Полезные ссылки:
Офиц. сайт Swiper: swiperjs.com
Развертывание JS и CSS: www.websitepla...
Слайдер SWIPER. Подробный курс. Почему Swiper лучший слайдер для сайта? Начнем с того, что Swiper написан на чистом JavaScript и не требует подключения дополнительных библиотек. А также он очень, очень, мощный и поможет справится с огромным кол-вом различных задач! Подробное объяснение на практике.
Удачи!
07:00 - КАСТОМИЗАЦИЯ
13:00 - СТРЕЛКИ
15:00 - ДОТСЫ
28:00 - КАК РАЗДЕЛЯТЬ КЛАССЫ РАЗНЫХ СЛАЙДЕРОВ
Здравствуйте, а как сделать сторисы?
лучший гайд, до этого не получалось
Спасибо, что прикрепляете код!🔥
Спасибо, все очень доходчиво и по делу, без лишней воды. Отдельное спасибо за файлы проекта.
Привет, продолжай заниматься ютубом, у тебя всё клёво получается
Спасибо, друг. Четко быстро и по полочкам. Долго не мог в этом разобраться.
Если бы еще Реально выложил код, а не ссылку на телегу, которую нужно пол часа листать чтобы найти материалы урока, было бы вообще супер.
Материалы огонь, подробно описаны, хорошо что я спустя три месяца урок увидел, те кто включат видео спустя год, думаю, не долистают до кода, и придется в ручную с экрана переписывать.
Не искал инфы по этому слайдеру. Ты в реках выскочил. Полезный контент делаешь, желаю удачи в развитии канала.
Спасибо - особенно про четки разбор по подключаем свойствам в слайдере.
я на версии 9.1.1 , нормально локально подключить css не вышло, пришлось скачать весь архив Swiper 5mb ,
и написав путь прямо в архив на css - все заработало без интернета
Привет!
Спасибо, твое видео очень полезное!
Я не мог найти нигде информацию именно по настройкам слайдеров, типа для карточек и т.д.
Все делают видео про подключение слайдера, но никто про настройку, а здесь самое то!
Однозначно лайк и подписка))
Спасибо.Полезный и понятный разбор SWIPER.
замечательное видео! узнала много нового и полезного! спасибо, что помогли сделать слайдер
Спасибо, супер юсфул
Спасибо большое, объяснил все точно и с мелочами, это помогло мне понять эту тему ❤
ООООгромнейшее спасибо! Оч по делу. Успехов!
Да
(Спасибо за видео!)
Не останавливайся) очень крутые уроки!!Если можно сделай пожалуйста основные вещи которые используются в при верстке, некоторые уже есть( бургер, слайдер,акардион и ип. Было бы просто замечательно!))
Спасибо огромное!!!
Спасибо помогло с проблемой. Тоже верстал слайд закинул 4 слайдера. Потом понял что при на жатии на тогл прокрутки прокручивает у всех слайдеров. Помогла инициализация разных переменных в js. Кстати заметил особенность если не нарушить HTML структуру как описано в инструкции то вроде все работает как нужно.Только вынес тоглы из SWIPERA то нет.Но могу ошибаться
видос действительно очень помог🎉
Круто, молодец!
Блеск!
вопрос такой, сделал второй свайпер gallery, все хорошо, но почему-то когда листаю вправо при 3 одновременных на странице и больше картинок, доходит до последней и дальше не идёт. влево всё норм работает. код вроде все как у Вас) не могу понять в чем проблема.... а при 1 или 2 на странице картинок одновременно, всё работает норм))
Спасибо! А как убрать дублирование слайдов при режиме loop: true
Каким образом можно сделать галерею в 2 ряда? Просто через флекс врап сделать? И если поставить значение slidesperview 1 будет перелистывать 2 ряда сразу?
Спасибо тебе, отличный контент!
Ребята всем привет. Не могу инициализировать второй такой же слайдер. Первый отлично работает а второй не реагирует. Можете пожалуйста подсказатью
Как правило на проекте это уже не работает,в swiper есть стили они все ломают,лично у меня никогда им работать не получилось,только обычным js код короткий выходит и понятный
а с видео ? такие же эффекты получатся ?
Подскажите пож,а как в первом варианте слайдера вынести кнопки вне ,ни transform ни position не срабатывает...
сделать доп. обертку над всем слайдером и кнопки с позиционировать относительно ее
@@frontend_case Странно,все перепробовал,видно я что-то запортил в стилях свайпера,спасибо!
Зачем писать margin left и right, если можно просто написать margin:0 auto;
у меня так и не заработал слайдер...
Если не работает swiper то подключи другую библиотеку slider или попробуй через npm
У меня никогда это слайдер не запускается должным образом чушь полная.
Аналогично