Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Vladislav
@SlavaMaxwell
Frontend разработчик
Вёрстка
Swiper
Как сделать двухстрочный слайдер Swiper.js?
Как сделать двухстрочный слайдер Swiper.js? Слик имеет такой функционал, но какие настройки есть для двухстрочного у свайпера?
Вопрос задан
более трёх лет назад
1034 просмотра
Комментировать
Подписаться
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Вёрстка
Простой
Как в верстке сделать уши у контейнера?
1 подписчик
10 апр.
83 просмотра
2
ответа
JavaScript
+3 ещё
Простой
Как реализовать слайдер наподобие стимовского?
1 подписчик
29 мар.
94 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Как сделать пролистывание картинок в карточке товара?
3 подписчика
25 мар.
241 просмотр
3
ответа
HTML
+3 ещё
Простой
Как решить задачу с четвертой картинкой, которая постоянно вываливается?
1 подписчик
20 мар.
192 просмотра
1
ответ
Вёрстка
Простой
Шрифт подключается криво, почему?
1 подписчик
14 мар.
81 просмотр
1
ответ
JavaScript
+2 ещё
Простой
Почему не отображается первый слайдер?
1 подписчик
12 мар.
51 просмотр
1
ответ
Swiper
Простой
Как мне сделать слайд с помощью Swiper так, чтобы при адаптации один слайд был виден наполовину?
1 подписчик
06 мар.
53 просмотра
0
ответов
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
138 просмотров
0
ответов
Вёрстка
Простой
На сайте очень много видео. Какие есть идеи в оптимизации?
1 подписчик
06 мар.
136 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
04 мар.
172 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend Developer / Фронтенд разработчик
Wanted.
•
Москва
До 180 000 ₽
React разработчик
Мойдекс
от 40 000 ₽
Разработчик фронтенда на TypeScript Middle+ / Senior в аналитический стартап
ТОРГСТАТ
от 200 000 до 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама