Вопросы по теме 'swiperjs'

не работает навигация в swiper с использованием angular 7
Я пытаюсь использовать swiper slider , но он не перемещается по содержимому слайдов. Вот: stackblitz - swiper на последней горизонтальной вкладке . ts: ngOnInit() { var swiper = new Swiper('.swiper-container', {...
1393 просмотров
schedule 21.06.2023

Как отключить щелчок и перетаскивание касанием / мышью при смене слайда в Swiper Js
Я добавил анимацию с GSAP для моего слайдера, которую я получаю от Swiper JS https://swiperjs.com/ и все работает нормально, но если пользователь будет много раз нажимать на навигацию Swiper (стрелки, точки или перетаскивание), моя анимация...
1916 просмотров
schedule 21.02.2022

Stenciljs: сторонняя библиотека карусели уничтожается, когда я меняю область видимости: 'true' на shadow: 'true'
У меня есть карусель на основе сторонней библиотеки Swiperjs. Проблема в том, что когда я использую scope: true, у меня нет проблем, и он работает нормально, однако, когда я пытаюсь настроить компонент с shadow: true, он уничтожается, и ничего не...
419 просмотров
schedule 26.07.2023

Как я могу повторно инициализировать экземпляр swiper.js после его уничтожения?
Я хочу иметь возможность переключаться между ползунком и сеткой с помощью кнопки. Я начинаю с представления слайдера, инициализированного так: var vis = document.getElementById('vis'), swiperOpts = { direction: dir,...
3808 просмотров
schedule 05.07.2023

SwiperJS Swiper Slider отключает смахивание при масштабировании, но позволяет щелкать миниатюры
Я пытаюсь отключить функцию смахивания при увеличении ползунка, чтобы убедиться, что, когда пользователь перетаскивает изображение для увеличения, они не будут запускать смахивание до следующего или предыдущего слайда. Я попытался использовать...
643 просмотров
schedule 08.04.2022

Как уничтожить слайдер vue-awesome-swiper в vue.js?
Мне нужно уничтожить vue-awesome-swiper на рабочем столе и оставить на экране планшета. точно уничтожить, а не отключить свайп. Но могу ли я уничтожить Swiper? В директиве: параметры, которые я передаю, и свайпер тегов компонентов будет работать в...
1075 просмотров
schedule 25.07.2023

Swiper js не изменяет автоматически размер swiper-container и swiper-slide class
У меня есть swiper, который содержит карты mdbootstrap, которые динамически создаются и добавляются в карусель swiper. Вместо свайпера для настройки высоты карты классы свайпера по умолчанию устанавливают максимальную высоту раздела, которая...
727 просмотров
schedule 20.02.2023

Swiperjs изменил URL-адрес CDN, как я могу предотвратить ошибки в будущем?
Я использую Swiperjs на своем сайте. Сегодня увидел, что swiper не работает, а в консоли ошибка 404, потому что не удалось найти файлы css и js. Я использую swiper из CDN, как написано на сайте swiperjs https://swiperjs.com/get-started/ Теперь...
211 просмотров
schedule 24.10.2022

Как я могу правильно центрировать элементы (фиксированная ширина - слайдер)?
Я пытаюсь центрировать свои слайды внутри моего swiper-container . Окончательная версия должна выглядеть так, как показано на следующем рисунке: SwiperJs — окончательная версия (большие, средние и маленькие экраны:) Каждая точка нумерации...
940 просмотров

Как отключить вызов размытия активного элемента из SwiperJS в обработчике onTouchStart?
Можно ли отключить в активном элементе из SwiperJS в обработчике событий onTouchStart? Немного предыстории: Для сенсорных и настольных устройств я использую swiper для форм на swiper-слайдах. В форме я использую vue-select (поле со списком)....
137 просмотров
schedule 15.03.2023

Почему не работает двусторонний элемент управления Swiper JS?
Я не могу получить какой-либо контроль между двумя Swipers, однако они отрисовываются, как ожидалось, просто НЕТ функциональности рабочего контроллера. Задан аналогичный вопрос, но еще НЕ дан ответа здесь Я хотел бы получить двухстороннее...
328 просмотров
schedule 24.05.2022

Swiper React прокрутка колесика мыши и управление с клавиатуры не работают
Использование колеса мыши или клавиатуры для управления скольжением в SwiperJs for React не работает. Кажется, я ничего не могу найти на нем, и следование документации Swiper API тоже не помогает. Использование реакции: 17.0.1 swiper: 6.4.11 Там...
491 просмотров
schedule 25.04.2023

Создайте адаптивный слайд с помощью Swiper JS в Angular 11
Я хотел бы использовать точку останова для слайдов swiper JS в Angular 11, чтобы точки останова для разных размеров экрана имели разные общие слайды. PerView, я читал эту документацию из Swiper JS https://swiperjs.com/angular и установите swiper js...
249 просмотров
schedule 16.05.2023

Swiper React, как остановить и запустить автовоспроизведение при наведении с помощью Typescript
Я использую Swiper js для своей карусели, React и Typescript. После этого сообщения , я пытаюсь stop() и start() автоматически воспроизводиться при наведении. Мне нужен этот подход, потому что мне нужно создать некоторые состояния при...
60 просмотров
schedule 15.05.2023

Увеличение с различными масштабами в swiper
Есть ли способ zoom.in() и zoom.out() на разных уровнях масштабирования вместо масштабирования (zoom.in) или отсутствия масштабирования (zoom.out)? Проблема в том, что мне нужны разные уровни масштабирования, например 100%-150%-200%-250%-300%...
15 просмотров