Tagged: swiper

11
Сен
2021

Swiper.js how to position buttons outside of the slider [закрыт]

Я использую swiper js для создания слайдера. Моя задача – вывести кнопки отдельно справа от слайдера. Думаю, не исключено, что в этом случае они будут в рабочем состоянии, ползунок будет переключаться. Я установил контейнер для ползунка, у…

03
Сен
2021

Эффект Coverflow SwiperJS: прижать активный слайд к правому краю

Помогите, пожалуйста, разобраться, как сделать вот такой слайдер в виде карточек:

Я нашла похожий эффект в SwiperJS, поковырялась в документации, но сделать его согласно задумке дизайнера не получается.
https://codesandbox.io/s/swiper-eff…

03
Сен
2021

Эффект Coverflow SwiperJS: прижать активный слайд к правому краю

Помогите, пожалуйста, разобраться, как сделать вот такой слайдер в виде карточек:

Я нашла похожий эффект в SwiperJS, поковырялась в документации, но сделать его согласно задумке дизайнера не получается.
https://codesandbox.io/s/swiper-eff…

31
Авг
2021

Как сделать двойной свайп для слайдера?

Подскажите, есть слайдер на мобилке. Со 100% шириной слайда. И несколько слайдов с 200% ширины.
Использую swiper slider и там если слайд большой, то можно добавить только скролл внутри большого слайда
Была идея сделать большому слайду все …

16
Авг
2021

Swiper is not defined

моя проблема заключается в том, что.. в консоли ловлю ошибку:

как я понимаю, swiper.min.js не загружается на страницу. я пробовал через сдн и скачав файл. никаких результатов. та же ошибка.. код оставлять не вижу смысла, ибо я пробовал да…

06
Авг
2021

Как использовать 2 типа: буллеты и фракции в Swiper Slider?

Есть макет пагинации и мне нужно сделать его.

Проблема в том, что здесь используется 2 типа: буллеты и фракция. В документации Swiper я не нашел способа "соединить" их.
Все, что удалось мне сделать, – это вывести фракции и скрол…

06
Авг
2021

Как использовать 2 типа: буллеты и фракции в Swiper Slider?

Есть макет пагинации и мне нужно сделать его.

Проблема в том, что здесь используется 2 типа: буллеты и фракция. В документации Swiper я не нашел способа "соединить" их.
Все, что удалось мне сделать, – это вывести фракции и скрол…

03
Авг
2021

Вопрос по Swiper Slider. Используя watchOverflow: true, он работает, только при изменении размера окна браузера

Использую слайдер swiper slider и понадобилось убирать элементы управления если слайд только один. Для этого пользуюсь watchOverflow: true. Элементы убираются всё работает, но почему то размер слайда примерно половина его настоящего размер…

03
Авг
2021

Вопрос по Swiper Slider. Используя watchOverflow: true, он работает, только при изменении размера окна браузера

Использую слайдер swiper slider и понадобилось убирать элементы управления если слайд только один. Для этого пользуюсь watchOverflow: true. Элементы убираются всё работает, но почему то размер слайда примерно половина его настоящего размер…

01
Авг
2021

Как сделать активный слайд центрированным, если "centeredSlides: true" не работает?

Помогите, пожалуйста. Мне нужно сделать слайдер следующего вида

Но мой слайдер по какой-то причине не центрирован. Мне нужно три слайда, где активный слайд больше и центрирован…
Вот что я пытался сделать codepen jsfiddle

const swipe…

30
Июл
2021

Адаптивный слайдер

У меня 16 картинок, я хочу, чтобы при десктопной версии было 4 ряда по 4 (т.е. все картинки без слайда), а при мобильном одна картинка и листать ее, какой слайдер можно использовать или как это можно реализовать?

22
Июл
2021

Как добавить функцию hover на медленный карусель?

Ребята помогите, пожалуйста, буду очень благодарен. Есть карусель с логотипами они двигаются в одну сторону очень медленно и при наведении нужно чтоб они остнавливались, а когда убираем мышку оно должно продолжить свой путь с той же скорос…

19
Июл
2021

Как добиться плавного движения слайдов swiper slider?

Есть слайдер swiper. Хочу добиться круговой плавности движения слайдов без дерганий, как на сайте в разделе наши клиенты, но у меня при переходе с первого на последний слайд идёт резкий сдвиг. Как это поправить?

var swiper = new Swiper…

11
Июл
2021

Как отключить прокрутку страницы, когда слайдер находится в начале или в конце, а параметр freeMode включён?

Я пытался решить проблему таким способом, но это не сработало:
let slider = new Swiper(‘.slider’, {
spaceBetween: 45,
slidesPerView: ‘auto’,
mousewheel: true,
allowTouchMove: true,
freeMode: true,
scrollbar: {
el: ‘.scroll’…

06
Июл
2021

Ошибки в отображении swiper при display; block после клика

Я сделал один слайдер для разных товаров – Новые, Популярные, Рекомендуемые скопировав из офф демо https://codesandbox.io/s/nygnt , они просто выводят разный товар по параметрам с вукомерса. Когда первый раз загружается слайдер то все норм…

06
Июл
2021

Ошибки в отображении swiper при display; block после клика

Я сделал один слайдер для разных товаров – Новые, Популярные, Рекомендуемые скопировав из офф демо https://codesandbox.io/s/nygnt , они просто выводят разный товар по параметрам с вукомерса. Когда первый раз загружается слайдер то все норм…

20
Июн
2021

Как в Swiper пролистывать слайды после завершения анимации?

Когда ты пролистываешь несколько раз идёт быстрый переход, а нужно чтобы можно было пролистывать только когда завершится анимация пролистывания. В слик слайдере такое видел
Вот пример – https://swiperjs.com/demos#effect-fade
Если быстро св…

11
Июн
2021

Не работает цикл, swiper js

Я хочу чтобы навигационное меню работало от цикла, но цикл не работает:
for(var index = 0; index < menuLinks.lenght; index++) {
const menuLink = menuLinks[index];
menuLink.addEventListener("click", function(e) {

11
Июн
2021

Не работает цикл, swiper js

Я хочу чтобы навигационное меню работало от цикла, но цикл не работает:
for(var index = 0; index < menuLinks.lenght; index++) {
const menuLink = menuLinks[index];
menuLink.addEventListener("click", function(e) {

01
Июн
2021

Как связать между собой слайдеры swiper.js?

Как связать между собой 3 слайдера, что бы при перетаскивании одного слайдера, вместе с ним синхронно двигались другие. Заранее спасибо.
Знаю как связать два слайдера
quoteSwiper.params.control = imageSwiper;
imageSwiper.params.control = q…

01
Июн
2021

Как связать между собой слайдеры swiper.js?

Как связать между собой 3 слайдера, что бы при перетаскивании одного слайдера, вместе с ним синхронно двигались другие. Заранее спасибо.
Знаю как связать два слайдера
quoteSwiper.params.control = imageSwiper;
imageSwiper.params.control = q…