Tagged: slider

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 и там если слайд большой, то можно добавить только скролл внутри большого слайда
Была идея сделать большому слайду все …

25
Авг
2021

Не работает должным образом переключатель табов UIkit вместе с слайдером (uk-slider)

У меня верстка с использованием фреймворка UIkit. И есть табы, которые переключают некий контент. На малом разрешение экрана они не помещается и было решение сделать слайдер. Слайдер работает, но табы не всегда переключатся. (а именно те…

23
Авг
2021

Перетаскивание ползунка аудиоплеера

У меня есть кастомный плеер, стилизованный мной. По клику на прогрессбар, перематывается аудиофайл. Я хочу сделать еще и так чтобы при перетаскивании ползунка аудиофайл перематывался. Причем чтобы визуально его нельзя было вытащить за пред…

19
Авг
2021

Синхронизация слайдера с svg кнопками

Мне нужно сделать так – чтобы я мог менять слайды на слайдере с помощью svg картинок в хедере, и при активном слайде svg должен менять цвет. Толковой инструкции я не нашёл. Сижу уже целый день с этой проблемой и всё упирается в то, что я с…

17
Авг
2021

как сделать слайдер с прокруткой пальцем

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

let slides = document.querySelectorAll(‘.slide’)…

16
Авг
2021

Swiper is not defined

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

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

07
Авг
2021

Навигация табов в слайдере Swiper

Доброго времени суток.
Суть вопроса: пытаюсь сверстать блок, где есть слайдер с небольшими изображениями, которые должны являться навигацией табов, т.е. при нажатии на слайд должен открываться соответствующий таб.
В качестве слайдера испол…

07
Авг
2021

Навигация табов в слайдере Swiper

Доброго времени суток.
Суть вопроса: пытаюсь сверстать блок, где есть слайдер с небольшими изображениями, которые должны являться навигацией табов, т.е. при нажатии на слайд должен открываться соответствующий таб.
В качестве слайдера испол…

30
Июл
2021

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

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

28
Июл
2021

Липкий вертикальный меню слайдер

Всем здравствуйте, нужно решить проблему, пытался нагуглить какой-нибуть плагин, но не нашел. Нужно сделать так как здесь: https://www.ramtrucks.com/ram-1500/interior.html То есть, когда докручиваешь до нужной секции, изображение начинает …

19
Июл
2021

WordPress слайдер не обычный из записей?

День добрый, как реализовать вот такой слайдер.
На мобильном записи выстраиваются горизонтально все. Но как сделать на компе? Grid я задействовал, все сделал как на макете, но записи выводятся все в один слайдер.

19
Июл
2021

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

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

var swiper = new Swiper…

11
Июл
2021

Не могу скрыть изначально картинки в слайдере

Хочу сделать слайдер imgs для сайта, у меня есть:
Кнопка назад, кнопка вперед и между ними картинка, которая, соответственно, переключается.
При запуске/перехода на сайт, почему-то, отображаются все картинки до того момента, как я не нажму…

24
Июн
2021

Появляется ошибка при подключении nouislider, на страницах где его нет

Я использую nouislider. На страница, где его нет, появляется ошибка:
Uncaught TypeError: Cannot read property ‘noUiSlider’ of undefined
Я делаю проверку на его существование, но не помогает. Спасибо за ответ.

24
Июн
2021

Появляется ошибка при подключении nouislider, на страницах где его нет

Я использую nouislider. На страница, где его нет, появляется ошибка:
Uncaught TypeError: Cannot read property ‘noUiSlider’ of undefined
Я делаю проверку на его существование, но не помогает. Спасибо за ответ.

21
Июн
2021

При обновлении слайдера он не отстраивает правильные показания, как пофиксить?

Я работаю над проектом, у меня в приложении есть слайдер ( библиотека ) Слайдер
У меня есть поле select, в котором я выбираю валюту. После изменения валюты у меня отстраиваются слайдера реактивно (оба). Проблема в том, что после того как я…

08
Июн
2021

Как сменить расположение миниатюр в вертикальном расположении слайдера lightSlider?

lightSlider при переключении в вертикальный режим выводит панель миниатюр с правой стороны, а как переместить их влево?Какой стиль или набор стилей в css-файле за это отвечает?
Код моих настроек слайдера:
$("#vertical").lightSlid…

08
Июн
2021

Как сменить расположение миниатюр в вертикальном расположении слайдера lightSlider?

lightSlider при переключении в вертикальный режим выводит панель миниатюр с правой стороны, а как переместить их влево?Какой стиль или набор стилей в css-файле за это отвечает?
Код моих настроек слайдера:
$("#vertical").lightSlid…

07
Июн
2021

Почему картинки не слушаются границам внешних блоков

Всем привет. Подскажите пожалуйста, почему когда я задаю фиксированную ширину контейнеров для картинок, они не знают размеров которых я задал и отображаются в полном размере.

.slider__item {
width: 100%;
max-width: 593px;

28
Май
2021

Нужно сделать всплывающее окно со слайдером и кнопкой подтверждения

Делаю тактическую игрушку под android на libgdx, нужно чтобы при нажатии на регион карты всплывало окно со слайдером и кнопкой закрыть/подтвердить для выбора количества войск, которых нужно использовать (min: 1, max: n).
Первая фаза хода …

28
Май
2021

Нужно сделать всплывающее окно со слайдером и кнопкой подтверждения

Делаю тактическую игрушку под android на libgdx, нужно чтобы при нажатии на регион карты всплывало окно со слайдером и кнопкой закрыть/подтвердить для выбора количества войск, которых нужно использовать (min: 1, max: n).
Первая фаза хода …

26
Май
2021

defaultValue в rc-Slider не отображется правильно

Использую в проекте rs-Slider.
с родительского компонента через props передаю minPrice/maxPrice
далее записываю их в конфигурацию слайдера, но по дефолту эти значения почему то равняются единице.
Возможно я что то не учел в параметрах слай…

21
Май
2021

Owl-carousel Слайдер

Подскажите пжл. как у owl carousel убрать левый слайд ? что бы за пределами container фиксированный ширины остался слайдер только справа

Вот ссылка на codepen здесь выложил
$(‘.slider-one’).owlCarousel({
items: 1,
loop: true,