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

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

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
46 показов

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

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

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

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

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

Есть слайдер с тамбами https://codepen.io/IIIu6ko/pen/jOqRMG var thimbs = new Swiper('.slider__thumbs', { slidesPerView: 5, spaceBetween: 19, direction: "vertical" }); var main = new ...
0 голосов
1 ответ
215 показов

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

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

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

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

Вывод номера слайда (формата "1/4")

Есть удобный, легкий слайдер. Единственное не хватает вывода номера отображающего слайда. Подскажите пожалуйста, как поставить номер слайда формата "1/4"? 'use strict'; var ...
2 голоса
1 ответ
1k показов

JQuery Swiper Slider, слайдер ломается в секций с display: none

$(document).ready(function() { new Swiper('.swiper-container', { navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, loop: true, ...
0 голосов
1 ответ
396 показов

Flickity, как сделать три слайдера, чтобы управлялись одной кнопкой?

Всем привет! Подскажите пожалуйста, может кто реализовывал, не могу найти решение. Есть слайдер в проекте Flickity. Для всех слайдеров необходимо использовать его. Есть страница сравнение, на ней ...
2 голоса
0 ответов
44 показа

Монтировать блок из drop and drop на JS

Очень не очень в pure js, и не особо понимаю как вмонтировать загруженный img в уже существующий слайдер по кнопке загрузки например. Пример слайдера -> // SLIDER const prev = document....
0 голосов
1 ответ
1k показов

HTML/CSS/JS Почему параметр slidesPrevColumn все ломает в Swiper Slider

new Swiper('.swiper-container', { slidesPerView: 3, slidesPerColumn: 2 }); <head> <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"> </head> <...
1 голос
2 ответа
1k показов

Анимация точек (dots) в слайдере

Ребята, всем привет! Подскажите, как сделать кастомную анимацию перехода для точек (dots) в слайдере, чтобы оно плавно линией переходило на другой активный слайд. Буду благодарен за подсказку!
0 голосов
1 ответ
67 показов

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

В слайдере есть картинка и текст, картинка слева текст справа, не могу понять как сделать так, что б текст равнялся по вертикали по центру Скрин слайдера а вот сам код <div class="...
1 голос
1 ответ
77 показов

Owl Carousel 2 - слайдер не реагирует на переключение

Установил слайдер от owl на laravel 7. Подключил все скачав source файлы. На сайте сейчас добавлено три слайда, над самим слайдером выводятся кнопки-переключашки с именами каждого слайда Добавил код ...
0 голосов
1 ответ
31 показ

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

есть макет слайдера http://joxi.ru/L21aleyIgl65D2. Подскажите плагин для реализации такого.
0 голосов
1 ответ
469 показов

Как расположить слайды slick.js по всей ширине контейнера?

Проблема с расстановкой слайдов в slick.js. У каждого слайда есть margin-right (1 и 2 скрины). Если бы не слайдер, я бы написал "display: flex; justify-content: space-between" для контейнера....
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; ...
1 голос
0 ответов
190 показов

vue-awesome-swiper. Слайдер с отступом

У меня в проекте установлен vue-awesome-swiper Опции которые мне понадобились для определения слайдера. swiperOption: { loop: false, autoplay: false, slidesPerView: 3, centeredSlides: true, ...
0 голосов
0 ответов
278 показов

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

Нужно сделать двойную пагинацию сверху и снизу с помощью slick slider Как должно это выглядеть? Вот так: Сейчас я сделал вот такой код. Но Верхняя стрелочка у меня не работает сейчас, нижняя ...
1 голос
2 ответа
3k показов

Несколько slick slider на одной странице

Поставил 4 штуки Slick Slider (Slider Syncing) - это там где наверху одна большая картинка, а внизу карусель маленьких, и при клике они увеличиваются. Проблема в том, что при листании, либо клике по ...
0 голосов
2 ответа
1k показов

Некорректно работает responsive в slick-slider

Всем привет) Хочу сделать чтоб слайдер появлялся при breakpoint 768 и ниже, но responsive работает через раз и когда слайдер все же появляеться, так он виден на всех разришениях. В чем может быть ...
0 голосов
1 ответ
520 показов

Затупок со swiper слайдером

Здравствуйте, не могу понять как добавить цифру в swiper слайдере как добавить цифру внутрь кружка active какой скрипт добавить обьясните
1 голос
1 ответ
56 показов

Python Pyside2 QSlider через импорт класса

Есть два файла где test.py(основной) и (win.py) дизайн приложения. В основном файле test.py у меня вот такой код, каким образом я могу выполнить метод test из импортированного класса Slider по нажатию ...
0 голосов
1 ответ
152 показа

Текст в карусели накладывается друг на друга

Проблема заключается в том, что есть slick slider, в котором 3 слайда. При выравнивании содержимого по центру, текст со всех трёх слайдов переносится на последний и накладывается друг на друга. Как ...
0 голосов
0 ответов
139 показов

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

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

Анимация слайдера используя setInterval

1.Имеется слайдер на чистом js. Нужно сделать анимацию, не используя translate, а использовать setInterval. Как реализовать? 2.Как сделать чтобы при клике вправо после последнего слайда появился ...
0 голосов
1 ответ
253 показа

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

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

не могу понять как создать слайдер на js

я хочу чтобы высвечивалось только 4 изображения, предыдущие и последующие скрывались const d = document; let exampleBlock = d.querySelectorAll(".example-block"); let prevButton = d....
2 голоса
0 ответов
236 показов

слайдер с input range

помогите пожалуйста с решением такой не замысловатой задачи.Слайдер с ползунком, которая работает с право на лево,по размещению диапозона(в годах),слайдер но-3 (по умолчанию) равен диапозону 2016, ...
-1 голос
1 ответ
167 показов

Изменение класса div-a при переключении слайда в slick слайдере

Нужно написать простой скрипт jQuery, при котором после измениния слайда на другой, который имеет параметры активного на данный момент (aria-hidden и tabindex) и параметр конкретного слайда (data-...
0 голосов
1 ответ
238 показов

анимация движения горизонтального ряда картинок

Имеется ряд картинок. Нужно, что бы данные картинки передвигались, справа налево, с остановкой на одну секунду. Пытался делать через css, но ничего не получается. Т.е. некий автоматический слайдер, с ...
0 голосов
1 ответ
1k показов

Какой лучший JS слайдер для галереи фото?

Нужно сделать галерею фотографий, через слайдер(обычный скролл не вариант). И первое что мне пришло в голову Slick.js, но я понял что это не вариант, тк использую чистый js и не хочу перегружать сайт ...
0 голосов
2 ответа
141 показ

Как отцентрировать содержимое слайда Slick

Как отцентрировать содержимое слайдов в Slick? Тк, в слайдах у меня текст, он всегда в стороне появляется, добавление display: flex ничего не меняет. И единственный вариант, сделать много вложенных ...
4 голоса
2 ответа
644 показа

Слайдер в виде временной шкалы

Имеется следующий слайдер в виде временной шкалы: На изображении расстояния между датами определены не совсем верно, поэтому не нужно обращать на это внимание. Картинка добавлена просто для ...
1 голос
1 ответ
459 показов

Как сделать слайдер с движением по кругу и анимацией перехода?

Как сделать такой слайдер? Пробовал в слик, но если добавлять margin-top активному слайду, то анимация пропадает
0 голосов
1 ответ
4k показов

Калькулятор с использованием jQuery Ui Slider

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

Как сделать такой круговой слайдер? [закрыт]

Нужно сделать так, чтобы элементы слайдера вращались, а активный слайд плавно увеличивался, как на макете слева. Так же текст снизу должен меняться в зависимости от выбранного слайдера. Чем проще ...
0 голосов
2 ответа
21 показ

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

Делаю ипотечный калькулятор. есть два ползунка: -а. величина процентной ставки -б. количество лет ипотеки есть текстовое поле - сумма кредита есть лэйбл - ежемесячный платеж, который рассчитывается ...
1 голос
1 ответ
544 показа

Поместить код в функцию [закрыт]

Есть код. Нужно его оформить в виде одной функции, что бы вызывать его при необходимости. Проблема в том, что когда код помещаю в функцию, и пытаюсь ее выполнить, выдается ошибка: NameError: name '...
1 голос
0 ответов
297 показов

Какие есть библиотеки JS-слайдеров наподобие Vue Awesome Slider?

Какие есть библиотеки JS-слайдеров наподобие Vue Awesome Slider? Простого Slick.js не хватает, хотелось бы таких расширенных функций, как например в библиотеке Vue Awesome Slider, но данное ...
1 голос
3 ответа
13k показов

Как скрыть скроллбар?

Именно скрыть, а не вообще убрать как это делает overflow: hidden? Т.е. мне нужно, чтобы сам скроллинг при этом был доступен, так как (только) на событие "прокрутки колесиком мыши" подвешен слайдер. ...
0 голосов
1 ответ
73 показа

Библиотека owlcarousel2 прокрутка колесика [закрыт]

Есть ли параметры, которые отвечают за прокрутку колесика мыши? Иначе он крутиться только в одну сторону справа налево.
1 голос
1 ответ
1k показов

Добавить автопрокрутку на слайдер

У меня вот такой вопрос, как на этом слайдере сделать автопрокрутку? var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function ...
0 голосов
1 ответ
729 показов

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

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

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

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

Слайдер. Доты. JavaScript

"14.02.2020" Написал простой слайдер. Все вроде работает. Сделал какой-никакой responsive. Осталось dots навигацию прикрутить и тут вот проблема. НЕ пойму как их настроить. Если с прокруткой влево-...
0 голосов
1 ответ
91 показ

WPF Некорректная ширина PART_SelectionRange

Для Slider переопределил шаблон, получилось почти то, что нужно <Style x:Key="customSlider" TargetType="{x:Type Slider}"> <Setter Property="Cursor" Value="Hand"/> <Setter ...
-1 голос
1 ответ
49 показов

Как убрать прокрутку страницы сайта, когда листаешь слайдер пальцем?

Вот к примеру как на гугле Ты когда скролиш картинки и сайт при этом не ездит вверх-вниз, вот как можно такое реализовать на своем сайте, а то задолбало когда листаешь слайды, то ездит сайт вверх-...
3 голоса
2 ответа
62 показа

Ошибка в Js слайдер помогите разобраться пожалуйста

Ребят скажите плиз где тут ошибка ? мне браузер говорит что ошибка в первой строке, но я делал всё по гайду 10 раз пере смотрел так и не понял в чём проблема JS document.getElementById('slider-...
1 голос
1 ответ
1k показов

отключение слайдера для мобильной версии в slider revolution

Кто обладает информацией, подскажите пожалуйста, как отключить слайдер для мобильной версии в slider revolution, думаю через код. Так как в админ панели отключаешь, но ничего не меняется, отображается ...
0 голосов
1 ответ
139 показов

Криво стоит slick slider

$('.done-block').slick({ infinite: true, speed: 300, slidesToShow: 3, slidesToScroll:3, adaptiveHeight: true, autoplay: false, autoplaySpeed: 2000, arrows: true, }); ...