Вопросы с меткой [slider]

Графический виджет в GUI, с помощью которого пользователь может установить значение, перемещая индикатор.

184 вопроса без принятого ответа или без ответа, за который были отданы голоса
Фильтрация
Сортировка
Метки
0 голосов
0 ответов
69 показов

Из-за чего возникает такой баг?

Android Google Chrome 89 Появляется белая полоска при прокрутке сайта, в тот момент, когда исчезает верхний бар с адресов, в момент, когда отпускаешь палец, событие touchend Почему и как? При ...
Андрей Левдиков's user avatar
0 голосов
0 ответов
23 показа

Вместо bootstrap-slider отображаются поля для ввода

Пытаюсь реализовать пример Spring Boot + Bootstrap + Thymeleaf Slider приложения. Вместо bootsrap-slider отображается формы для ввода. Делаю все как в примере: https://frontbackend.com/thymeleaf/...
Aleksei Sherstobitov's user avatar
0 голосов
2 ответа
2k показов

Как перезапустить инициализацию Swiper Slider?

На странице, есть Swiper Slider И после перезагрузки контента с помощью Ajax, слайдер перестает работать. Так как там полностью заменился блок. Как переприсвоить этот блок для слайдера или же ...
Juka Chu's user avatar
0 голосов
0 ответов
66 показов

Как сделать слайдер с меняющимся выделением для li

Как сделать так, чтобы класс hover присваивался к определенному <li>, при смене картинки (слайдер), и добавлялся <img src="/image/mainscl.svg"> в этот <li>. А так же, при ...
maplol's user avatar
  • 23
0 голосов
0 ответов
46 показов

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

Прошу совета по лучшей организации такого рода слайдера. Больше интересует вопрос верстки (css), с последующей адаптацией. С самим слайдером все вроде бы понятно — как обычно айтемы с отрицательным ...
Timur's user avatar
  • 1
0 голосов
0 ответов
548 показов

Tiny-slider | Кастомизация стрелок

Нужно кастомизировать стрелки в tiny-slider. В документации ничего не нашёл. Помогите, кто уже делал такое. Вот код: var slider = tns({ container: ".slider", mode: "carousel&...
kurpenok's user avatar
0 голосов
1 ответ
215 показов

Как закрепить слайдер на место?

Делаю слайдер и при уменьшении масштаба страницы, слайдер едет вправо. Не понимаю как его закрепить.Слайдер slick.js. Пробую display: inline-block; Не получается, возможно подскажите как правильно его ...
Amir's user avatar
  • 63
0 голосов
2 ответа
173 показа

Помогите если я добавляю 4 параметр slidesToShow: то у меня пропадают стрелки

Если я добавляю 4 элемента то на моем слайдере пропадают стрелки, я пробовал loop: true, Помогите! $(document).ready(function() { $('.header__burger').click(function(event) { $('....
Amir's user avatar
  • 63
0 голосов
1 ответ
1k показов

Swiper Slide, как вывести пагинацию в виде цифр?

Подскажите, как выводить свою пагинацию в слайдере swiper вида 1 2 3 и т д
Лукас's user avatar
0 голосов
1 ответ
67 показов

Вертикальное выравнивание текста в слайдере?

В слайдере есть картинка и текст, картинка слева текст справа, не могу понять как сделать так, что б текст равнялся по вертикали по центру Скрин слайдера а вот сам код <div class="...
mi4i's user avatar
  • 176
0 голосов
1 ответ
31 показ

Подскажите плагин для реализации слайдера?

есть макет слайдера http://joxi.ru/L21aleyIgl65D2. Подскажите плагин для реализации такого.
ref21's user avatar
  • 403
0 голосов
1 ответ
68 показов

HTML+CSS Помогите сделать такой блок, у которого элементы за границу выезжают

body { margin: 0; background: #333; } .slider { width: 90%; height: 300px; margin: 50px auto; background: #fff; overflow: hidden; } .slider__wrapper { width: 200%; overflow: hidden; ...
Лукас's user avatar
0 голосов
0 ответов
278 показов

Как сделать двойную пагинацию в slick slider?

Нужно сделать двойную пагинацию сверху и снизу с помощью slick slider Как должно это выглядеть? Вот так: Сейчас я сделал вот такой код. Но Верхняя стрелочка у меня не работает сейчас, нижняя ...
Рома's user avatar
0 голосов
0 ответов
139 показов

Проблема со Slick Slider. Слайдер на заднем фоне смещается вниз

Я верстаю сайт test.sidorov-n.ru На нём использую slick slider, а именно Slider Syncing. Первый слайдер расположил абсолютно и использую для смены заднего фона, а второй слайдер служит ориентиром для ...
Азат Аллагулов's user avatar
0 голосов
1 ответ
253 показа

Проблема с slick-slider

Нужно чтобы при уменьшении ширины экрана расстояние между элементами слайдера 30px сохранялось, элементы пропорционально уменьшались. При этом первоначальные размеры должны быть 330x330. Если не ...
Horus's user avatar
  • 1
0 голосов
1 ответ
1k показов

Скролл слайдера по свайпу

Нужно сделать так, чтобы этот слайдер на мобильных листался свайпом, а не кликом по следующему слайду. Как такое можно реализовать? http://koorub.site/mb/
Ваня Карабан's user avatar
0 голосов
2 ответа
21 показ

Как изменить значение рассчитываемого из множителей числа, отображаемого на label, при изменении значений множителей на slider?

Делаю ипотечный калькулятор. есть два ползунка: -а. величина процентной ставки -б. количество лет ипотеки есть текстовое поле - сумма кредита есть лэйбл - ежемесячный платеж, который рассчитывается ...
Антон Агафонов's user avatar
0 голосов
1 ответ
729 показов

Изображения слайдера slick-slider во всю высоту экрана

Использую простой слайдер: http://kenwheeler.github.io/slick/#demos Надо чтобы слайды растягивались на всю высоту экрана браузера(на разных разрешениях.) Задал так: .slick-slide img { ...
Тимур Виноградов's user avatar
0 голосов
1 ответ
469 показов

Почему не отображаются слайды Swiper?

Есть слайдер, зацикленный. Но что через свайп, что через навигацию - когда доходит до последнего слайда, то вот такая картина стоит еще раз свайпнуть или нажать Next, то все ок и так по кругу. Хотя ...
Dave Garrow's user avatar
0 голосов
1 ответ
482 показа

Адаптив слайдера, уходящего в правую границу экрана

Помогите сделать адаптив слайдера как на схеме: чтобы при уменьшении ширины экрана полупрозрачные зеленые блоки 4 и 5 обрезались справа границей окна, а меню и блоки 1,2 и 3 не меняли своих размеров ...
NIkLight's user avatar
0 голосов
1 ответ
240 показов

Слайдер bootstrap не отображается

При создании слайдера ничего не отображается, при просмотре элемента в браузере показывает пустое поле <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
petya_govnocoder's user avatar
0 голосов
0 ответов
25 показов

Плагин для слайдера js с минимальным количеством DOM элементов

На сайте использую skick.js для слайдеров продукции. Их на странице 8 слайдеров по 5 слайдов(товары) и слик создает много DOM элементов, на что потом ругается google pageSpeed Insights . Есть ли ...
V.Baryshev's user avatar
0 голосов
0 ответов
31 показ

Слайдера изображений на главной для PrestaShop 1.7

Нужен качественный бесплатный модуль слайдера изображений на главной для PrestaShop 1.7 Такие есть вообще в природе кроме стандартного?
Svyatoslav Samusenko's user avatar
0 голосов
0 ответов
169 показов

Слайдер fullscreen

Изображение слайдера всегда больше самого экрана. и элементы управления не изменяют размер при умельшении или увеличении экрана. изображение при сжатии адаптируется хорошо, но при расширении страницы ...
Dead Priest's user avatar
0 голосов
1 ответ
56 показов

Проблема с самописным слайдером HTML/CSS/JS

уважаемые знатоки и профессионалы! Из предложенных мне схожих тем по моим запросам на StackOverflow я ничего не нашёл. Возможно, плохо искал или неправильно определял заголовок проблемы. Как бы там не ...
Dmitry's user avatar
  • 9
0 голосов
1 ответ
264 показа

Slick slider + Thumbnails в модальном окне

Планирую использовать slick slider в модальном окне (плагин Remodal). Посмотреть можно тут в разделе "Наши работы". Проблема в том, что при первом открытии модального окна наблюдается странное ...
Darius Karoo's user avatar
0 голосов
0 ответов
34 показа

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

Нужна помощь в том, как описать функцию стрелочек "вправа" и "влево" на слайдере! Есть картинки, при клике на которые запускается непосредственно слайдер, на слайдере есть две стрелочки (стили ...
Muranx's user avatar
  • 193
0 голосов
0 ответов
62 показа

Слайдеры на весь экран

Всем привет! Хотелось узнать какие сейчас самые лучшие полноэкранные слайдеры для содержания контента сайта и перемещения по нему. Например как на этом фото (справа посередине отображен элемент ...
Evgeniy Grishchenko's user avatar
0 голосов
0 ответов
101 показ

Glide.js — как узнать в какую сторону перешел слайд?

Я использую слайдер glide.js Как узнать в какую сторону перешел слайд: в право или налево? Мой кейс: есть два одинаковых слайдера. Мне надо, чтобы одинаковые слайды одновременно не показывались. Т.е. ...
MAslaev's user avatar
  • 93
0 голосов
0 ответов
88 показов

Слайдер на jQuery и mousemove, как добавить активные переключения NEXT PREV?

Всем привет! Есть во такой скролинг изображений. У него есть ряд недостатков: Нет индикации какое именно фото отображено сейчас, первое или второе. Нет способа управлять с смартфонов или сенсорного ...
user331892's user avatar
0 голосов
0 ответов
82 показа

Каким образом клонировать слайды без библиотек на чистом js?

Есть html: <article class="bg-slider"> <figure class="slides"> <picture></picture> <picture></picture> <picture></picture> ...
Ученик's user avatar
0 голосов
2 ответа
2k показов

Два слайдера на одной странице

на странице есть два вот таких блока: <section class="slider__section" id="slider1"> <div class="block__slides slides-active MS-content" id="slider1-content"> <div class="...
Big D's user avatar
  • 129
0 голосов
1 ответ
29 показов

Проблема со сменой слайда

При нажатия на кнопку смены слайда(любую),в первый раз всё работает отлично, дальше происходит странная вещь , чтобы её увидеть вот код $('.next').click(function() { var firstImg = $('.first')...
Nikita Perminov's user avatar
0 голосов
0 ответов
346 показов

WordPress:горизонтальная прокрутка DIV

Подскажите пожалуйста, есть ли какой-то плагин или простой способ без встраивания JS библиотек а-ля wow.js и различных слайдеров осуществить горизонтальный скролл блоков, по нажатию на стрелку влево/...
theblackpost's user avatar
0 голосов
0 ответов
76 показов

Слайдер для сайта с текстом

Надо сверстать такой слайдер или что-то наподобие. Изображение должно увеличиваться при наведении и должен появляться соответствующий текст сверху.
Алексей Попов's user avatar
0 голосов
0 ответов
85 показов

не работает slick-slider при помoении его в другой div

` <div class="row"> <div class="slider-classic"> <div class="slider-classic-block"><span class="slider-classic-block-span"> ...
Артем Буловятов's user avatar
0 голосов
0 ответов
151 показ

как создать свои стрелки для flexslider 2

У меня на сайте стоит flexslider2. Мне не нравится место где расположены стрелки. Я хочу чтобы они были под слайдером и имели другую иконку. Но я никак не пойму, что нужно для этого сделать.
Эльдар Юсупжанов's user avatar
0 голосов
1 ответ
128 показов

Slider Pro вертикальные минатюры

как в слайдере Slider Pro сделать вертикальные миниатюры справа как здесь <div class="slider-pro sp-vertical" id="my-slider"> <div class="sp-slides sp-slides-...
Aslero's user avatar
  • 1,255
0 голосов
0 ответов
148 показов

С# WPF Слайдер в % изменение 4х значений сразу

Есть 4 textbox или 4 NumericUpDown с разными значениями (1.5, 2.6, 0.8, 1.3) При передвижении слайдера надо чтобы все эти значения изменялись пропорционально. т.е. если слайдер на середине 50% то ...
Lafko's user avatar
  • 13
0 голосов
0 ответов
232 показа

Не работает плавное изменение графики TweenMax при переключении между сценами

У меня проблема с настройкой TweenMax (TweenLite) под не совсем нормальную задачу. Требуется сделать шесть слайдов анимации. Проблема в том, что вся анимация должна происходить внутри одного окна и с ...
Yulia Dimina's user avatar
0 голосов
0 ответов
29 показов

Не работает слайдер при загрузке страницы

есть функция которая показывет или прячет блоки. Она как-бы работает но при первой загрузке страницы не срабатывает, а начинает рабтать только когда нажать кнопку. При первой загрузке страницы в ...
Artem Chepeliuk's user avatar
0 голосов
0 ответов
74 показа

Здравствуйте. Проблема со slick слайдером

При первом запуске страницы не отображаются картинки в slider-top. Но если я перезагружу страницу, то всё будет отображаться корректно. Или же (самое странное), если я через консоль добавлю/отниму ...
Стас 's user avatar
0 голосов
0 ответов
24 показа

Отключается автоматическое воспроизведение слайдов после щелчка по пункту навигации

Поставил слайдер на сайт: работает прекрасно, слайды меняются автоматом, все адаптивное, но есть одна проблемка. В нижней части слайдера размещены кнопки для перехода между разными слайдами и вот при ...
Александр Блохин's user avatar
0 голосов
0 ответов
234 показа

Слайдер Изоброжений Андроид

Как сделать Слайдер изображений. Типа слайдера в Плеймаркете (Где скриншоты и картинки приложения). Есть ли какие то статьи и если вы делали такое что вы использовали?
Fariz Mamedow's user avatar
0 голосов
0 ответов
37 показов

помогите подобрать плагин для слайдера

Перерыл кучу плагинов, не могу нормально реализовать. Скорей всего у меня просто руки такие кривые, может кто то поможет ? по клике на миниатюру она отображается в увеличенном виде. а так же ...
Евгений Бондаренко's user avatar
0 голосов
0 ответов
208 показов

Не работает jquery ui slider

У меня такая вот проблема. Вот JS-код: '$( "#slider-range" ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide: function( event, ui ) { $( "#amount" ).val( "$" + ui....
Anton's user avatar
  • 1
0 голосов
1 ответ
42 показа

Странно ведет себя слайдер

Есть слайдер взятый с ссылка на слайдер 8 видов анимации (влево,вправо,вверх,вниз + тоже самое с фейд эффектом) Но у меня на сайте ведет себя странно - вдруг вместо эффектов анимации картинки просто ...
Павел А.А.'s user avatar
0 голосов
1 ответ
463 показа

Автоматическая смена картинок + подстановка нужной картинки при наведении

Доброго времени суток! Создаю свой первый сайт и столкнулся с небольшой загвоздкой. Суть в том что необходимо сделать: а) При ховере на любой пункт справа - слевой стороны появлялась соответствующая ...
Павел Федорченко's user avatar
0 голосов
1 ответ
316 показов

фильтр ломает вёрстку слайдера slick.js

Сделал слайдер на slick.js Пытаюсь сделать фильтр,но он ломает вёрстку код фильтра: $("#cat1-cb").change(function() { if ($("#cat1-cb").is(":checked")) { $(".category1").show(); } else { ...
Dave's user avatar
  • 1
0 голосов
1 ответ
355 показов

slick slider vertival row

Добрый день, маленькая проблема со слайдером slick. Мне нужно сделать вертикальный слайдер с 2 столбцами и тремя строками. Сделал использую код ниже все работает. Но проблема в том что слик получается ...
Alan.Sh's user avatar
  • 69