Swiper Slider на всю ширину а активные слайды в контейнере

@Dimka Mixov · Регистрация: 12.11.2013

Студворк — интернет-сервис помощи студентам

Доброго времени, уважаемые форумчане!
Подскажите как сделать Swiper на всю ширину, а активные слайды были в контейнере.
Сделал верстку (1magnitka.tw1.ru), задал swiper'у - overflow: visible; все вроде как нужно но вот такое (скрин прикрепил) не могу понять как сделать

Swiper Slider на всю ширину а активные слайды в контейнере

Т.е. по сути нужно чтобы слева от первого слайда находился последний и следом остальные по "убыванию", если я правильно понимаю. Т.е. чтобы слайдер образовывал "кольцо" где слева от первого слайдера последний а справа второй

Пробовал задавать также параметр "initialSlide: 5," вроде все как и должно быть, но тогда пагинация также "переключается" на 5 слайд

Может есть какие то идеи как такое реализовывается?

Царь Бабай · 22.06.2024, 13:11

Смотри подобный параметр stopOnLastSlide false/true

Подробно ищи в документации: https://swiperjs.com/swiper-ap... nLastSlide

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@Dimka Mixov 17 / 15 / 2 Регистрация: 12.11.2013 Сообщений: 228

	Swiper Slider на всю ширину а активные слайды в контейнере 21.06.2024, 15:38. Показов 692. Ответов 1 Метки нет (Все метки) Доброго времени, уважаемые форумчане! Подскажите как сделать Swiper на всю ширину, а активные слайды были в контейнере. Сделал верстку (1magnitka.tw1.ru), задал swiper'у - overflow: visible; все вроде как нужно но вот такое (скрин прикрепил) не могу понять как сделать Т.е. по сути нужно чтобы слева от первого слайда находился последний и следом остальные по "убыванию", если я правильно понимаю. Т.е. чтобы слайдер образовывал "кольцо" где слева от первого слайдера последний а справа второй Пробовал задавать также параметр "initialSlide: 5," вроде все как и должно быть, но тогда пагинация также "переключается" на 5 слайд Может есть какие то идеи как такое реализовывается? 0

Царь Бабай Надуваю лягушек 289 / 219 / 93 Регистрация: 01.05.2014 Сообщений: 742
	22.06.2024, 13:11
	Смотри подобный параметр stopOnLastSlide false/true Подробно ищи в документации: https://swiperjs.com/swiper-ap... nLastSlide 0