Swiper Slider - Размеры области скрола под контент
Есть ли какой-то вариант, при вертикальном позиционировании, задать слайдам auto или fit-content размеры, что-бы область скролла не улетала дальше контента. Я уже дошел до самого …
Вопросы по тегу: swiper.js
- 1 ▲0 ответ.
- 1 ▲0 ответ.
Как на половину скрыть блоки слайдера,как на макете?
Как можно скрыть на половину блоки,как на макете : Ссылка : https://xd.adobe.com/view/3831e990-1d2a-4aa1-9b83-f0ad445abd5d-6d62/screen/412772a8-93d7-425c-a81d-e3e3329ce836/ Нужно,…
- 0 ▲0 ответ.
swiper js не корректно выводит слайды
мне необходимо сделать слайдер на сайте, для этого я использовал библиотеку swiper js. В целом все получилось, но только почему то происходит не корректное отображение слайдов, то…
- 1 ▲1 ответ.
Сохранение пропорций изображения при изменения ширины
Сделал слайдер на Swiper JS. Хотелось бы, чтобы при изменении ширины экрана, пропорционально изменялась бы и высота картинки. Как это можно сделать? Ссылка на слайдер: [https://co…
- 0 ▲2 ответ.
Выделение слайдера при использовании Swiper JS
При попытке свайпа в месте между слайдами начинает выделяться слайдер (при чем только на тех слайдах, которые дальше первых слайдов). Можно ли это исправить? var swiper = new Swip…
- 0 ▲0 ответ.
В чем состоит проблема при подключении swiper к react?
Есть проблема при подключении библиотеки swiper к react 18, а именно возникает ошибка Cannot read properties of undefined (reading 'wrapperClass') TypeError: Cannot read propertie…
- 1 ▲0 ответ.
Swiper не корректно работает при трех слайдах
Все привет, столкнулся с рядом проблем слайдера Swiper и не знаю как решить. Необходимо сверстать вот такой слайдер: Сам слайдер идет на всю ширину экрана(при макете 1440px). А сл…
- 1 ▲0 ответ.
Как зациклить слайдер swiper, если не хватает слайдов
Для понимания - одновременно выводится 6 слайдов, а в наличии их 8 всего. Само собой, что для корректной работы зацикливания нужно slidesPerView * 2, но столько слайдов нет. loope…
- 0 ▲1 ответ.
Swiper Js autoplay после окончания видео
Не смог найти ответ на вопрос. Делаю слайды, где, в том числе, есть и видео, и картинки. Ставлю свойство autoplay. Все файлы видео и картинок лежат локально. Как заставить переклю…
- 2 ▲0 ответ.
Проблема с анимацией при ховере на карусели swiper
Суть проблемы: Дизайнер придумал такую анимацию что при ховере на слайд он увеличивается а остальные слайды рядом уменьшаются так что бы 4 слайда (на десктопе) заполняли всю ширин…
- 0 ▲1 ответ.
При обновлении страницы в Swiper слайдер10 мигает первый слайд
Сайт на Wordpress На странице установлен Swiper слайдер 10. На страницу слайдер выводится повторителем ACF Изначально выводится 4 слайда. В момент загрузки/обновления страницы на …
- 0 ▲1 ответ.
Написал swiper, но при увеличении экрана (zoom) ведёт себя ужасно, как исправить?
Написал swiper, но словил баг (при расширении экрана zoom) всё дёргается — видео. Demo. Код swiper: // Initialize Swiper var swiper = new Swiper(".mySwiper", { slidesPerView: "3",…
- 0 ▲1 ответ.
Как сделать, чтобы слайдер обрезался только с левой стороны?
Как сделать, чтобы слайдер обрезался только с левой стороны? То есть, чтобы с правой стороны он был виден. Сейчас обрезается с двух сторон, схематически на скрине. var swiper = ne…
- 1 ▲1 ответ.
Как добавить класс другому блоку в зависимости от слайда swiper.js?
Я использую для слайдера библиотеку swiper.js. Мне необходимо в зависимости от текущего слайда, добавлять класс для header, для того, чтобы текст в нем был другого цвета. Желатель…
- 0 ▲0 ответ.
Переключение слайдов в swiper slider
На данный момент когда я в thumbs переключаю слайды, то активный слайд сразу передвигает контейнер, а не идет к нижнему слайду. Сейчас все наглядно покажу. Сейчас у меня вот так а…
- 0 ▲1 ответ.
Swiper YouTube Не отображает видео, кроме первого на мобильных
На десктопе всё ок, а на моб нет. Стоит показ по одному слайду, все остальные, где есть видео не отображают предпросмотр с фото и кнопкой. Я понимаю почему - для экономии трафика …
- 0 ▲1 ответ.
Неправильно работает swiper slider
Что-то неправильно стал работать swiper слайдер. Я пробовал добавить в swiper-wraper overlof-hidden, но это не решило мою проблему. Буду рад любой помощи! <link rel="stylesheet…
- 0 ▲0 ответ.
Swiper слайдер выдает ошибку Uncaught ReferenceError: Swiper is not defined
Не пойму почему swiper выдает следующую ошибку. Буду рад любой помощи! <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Swiper…
- 0 ▲0 ответ.
Как Swiper'у задать центральный слайд?
В Swiper есть настройка "centeredSlides: true,", но она применяется сначала к первому слайду и при этом остается пустое место слева. Как задать настройку "centeredS…
- 0 ▲0 ответ.
слайдер с помощью библиотеки swiper
Делаю на сайте блок логотипов партнеров. Установив библиотеку swiper через npm импортирован объект в JS. Слайдер отображается на сайте, при клике мышки есть движения влево и вправ…
- 0 ▲1 ответ.
Конфликт двух swiper js
У меня на странице есть 2 вкладки, в каждой из которой по 2 слайдера. В первой вкладке активный thumbnail показывается первым, а во второй вкладке thumbnail показывается вторым по…
- 0 ▲2 ответ.
Как сделать слайды одинаковой высоты в swiper вне зависимости от количества контента?
Есть обычный слайдер c текстовыми слайдами. В каждом из них разное количество текста. Как сделать так, чтобы они все ровнялись по самому высокому и были его высоты? const swiper =…
- 0 ▲1 ответ.
Как сделать такой карусель на swiper
Как сделать такую верстку через swiper пример карусель https://art-tehnik.ru/ скрин http://joxi.ru/BA0okeETqp0XN2 opacity: 0; transform: translateX(-50%); пробовал через css, но н…
- 1 ▲1 ответ.
Swiper slider увеличивается сам по себе
Всем привет! Столкнулся с такой проблемой, что когда я меняю прокрутку для главных фото на горизонтальную, то у меня начинает увеличиваться слайдер до колоссальных размеров каждую…
- 0 ▲1 ответ.
Как можно кастомизировать swiper-slider?
Я подключил слайдер swiper с помощью vue и теперь не пойму как его можно кастомизировать под свои нужды. Я хотел уменьшить ширину и добавить кнопки влево и вправо на слайд. Пробов…
- 0 ▲1 ответ.
Как в слайдере Swiper сделать автоматически заполняющийся прогрессбар
Вот тут пытаюсь сделать, но пока все одновременно заполняются, а как сделать по очереди для каждого слайда? или может вообще надо по другому https://codepen.io/dima2323/pen/WNabNK…
- 0 ▲0 ответ.
Как перейти с swiper js 4 версии на 9
Столкнулся с проблемой: при реализации слайдера на 4 версии swiperjs все работает корректно, при запуске на 9 версии слайдер ломается. Приложу код в codepen, в блоке html закоммен…
- 0 ▲1 ответ.
Как я могу передвинуть навигационные стрелки в swiper? Я использую React
Я хочу передвинуть навигационные стрелки в swiper чуть дальше от рисунков в моем случае div контейнеров. Для этого я импортировал библиотеки Swiper и использую их в React. Для стр…
- 0 ▲0 ответ.
Как доработать блок?
Как доработать блок? Cлайдер работает. Свапом ( в этом и суть). Но раскладка не такая как на скрине. В этом и проблема html, body { position: relative; height: 100%; } body { back…
- 1 ▲2 ответ.
Почему в консоли выдает "Failed to resolve component: swiper-slide"
Хочу подключить swiperjs по официальной инструкции - swiperjs.com Вот код моего IndexView.vue <template> <swiper-container :slides-per-view="2" :space-between=&…