Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Vladislav
@SlavaMaxwell
Frontend разработчик
Вёрстка
Swiper
Как сделать двухстрочный слайдер Swiper.js?
Как сделать двухстрочный слайдер Swiper.js? Слик имеет такой функционал, но какие настройки есть для двухстрочного у свайпера?
Вопрос задан
более трёх лет назад
1020 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Сергей Зенькович
@JamesHatfield
Front-end developer
Двухстрочный имеется ввиду такой?
Ответ написан
более трёх лет назад
8
комментариев
Нравится
1
8
комментариев
Facebook
Вконтакте
Twitter
Vladislav
@SlavaMaxwell
Автор вопроса
Сергей Зенькович
да такой, но как на адаптиве сделать также две строки, но слайд один сверху и один снизу?
Написано
более трёх лет назад
Фёдор
@Mecitan
Vladislav
, Через flex-box
Написано
более трёх лет назад
Vladislav
@SlavaMaxwell
Автор вопроса
Фёдор
, если так сделаю будет 4 слайда вертикально, поскольку строки изначально 2, я имел ввиду как в респонсиве указать 1 слайд у верхней и нижней строки?
Написано
более трёх лет назад
Антон Литвиненко
@AntonLitvinenko
Vladislav
, я открыл прям на сайте демо с мобилки и две строки. Не совсем понятно что именно не подходит
Написано
более трёх лет назад
Vladislav
@SlavaMaxwell
Автор вопроса
Антон Литвиненко
, вот что
а надо чтобы по одному сверху и снизу
Написано
более трёх лет назад
Сергей Зенькович
@JamesHatfield
Vladislav
, ширину одного слайда сделай 100% или сколько тебе угодно
Написано
более трёх лет назад
Ilya Olovyannikov
@cannibal_corpse
Vladislav
, в настройках слайдера есть опция slidesPerView, установи 1, будет тебе счастье
Написано
более трёх лет назад
Антон Литвиненко
@AntonLitvinenko
Vladislav
, разберитесь в апи слайдера, это все меняется в настройках адаптивности
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Swiper
Простой
Как мне сделать слайд с помощью Swiper так, чтобы при адаптации один слайд был виден наполовину?
1 подписчик
06 мар.
48 просмотров
0
ответов
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
109 просмотров
0
ответов
Вёрстка
Простой
На сайте очень много видео. Какие есть идеи в оптимизации?
1 подписчик
06 мар.
106 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
04 мар.
135 просмотров
2
ответа
Вёрстка
+1 ещё
Простой
Tailwind v4 как работать с контейнером?
1 подписчик
03 мар.
72 просмотра
1
ответ
CSS
+1 ещё
Простой
CSS как сделать div изображений ровно под наклоном друг за другом?
1 подписчик
28 февр.
128 просмотров
1
ответ
WordPress
+1 ещё
Средний
Кто столкнулся с этой ошибкой инициализации swiper?
2 подписчика
25 февр.
73 просмотра
0
ответов
Вёрстка
+1 ещё
Простой
Как избавиться от панели навигации в браузере при добавлении закладки на экран домой?
1 подписчик
24 февр.
75 просмотров
1
ответ
Swiper
Простой
Почему next слайд не отображается?
1 подписчик
24 февр.
24 просмотра
0
ответов
Вёрстка
Простой
Как добавить оценку товара в карточке товара?
1 подписчик
22 февр.
48 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик (Vanilla JavaScript, full-time)
Dalyoko
от 1 000 до 1 500 $
Фронтендер/Фрилансер на удаленку
Netgineers GmbH
от 3 000 до 4 000 €
Lead Frontend Developer (удаленно)
Apphud
от 4 000 до 6 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама