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

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

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

почему в 12 строке run is not a function

function Slider(config) { var slider = this; this.time = config.time || 3000; this.auto = config.auto || false; // this.slides = document.querySelectorAll(config.slides) || document....
2 голоса
1 ответ
163 показа

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

Как сделать переход по нажатию по картинке (в любом месте слайда) в карусели Bootstrap? Пока что переход производится только по кнопке "Lasīt vairāk"
2 голоса
1 ответ
1k показов

Как сделать так, чтобы дочерние элементы flex-box были друг на друге?

Делаю слайдер. Хочу сделать так, как сказано в заголовке. Это нужно, чтобы управлять слайдером только через opacity. Основная проблема в том, что, если дочерним элементам поставить position: absolute, ...
0 голосов
2 ответа
91 показ

Как убрать полосы прокрутки до срабатывания функции с пом. jquery?

Мне нужно запретить прокрутку браузера, до тех пор, пока слайдер не переключится на последний слайд. Как это сделать, и возможно ли это вообще? Вот код: $(document).ready(function() { let ...
0 голосов
1 ответ
213 показов

Создать слайдер с возможным динамическим добавлением новых слайдов

Помогите добавить html в приведённый ниже код что бы увидеть его работу. $('.add-remove').slick({ slidesToShow: 3, slidesToScroll: 3 }); $('.js-add-slide').on('click', function() { ...
0 голосов
0 ответов
24 показа

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

Поставил слайдер на сайт: работает прекрасно, слайды меняются автоматом, все адаптивное, но есть одна проблемка. В нижней части слайдера размещены кнопки для перехода между разными слайдами и вот при ...
0 голосов
2 ответа
432 показа

Настройка Slick слайдера

Мне нужно настроить slick slider таким образом, чтобы он автоматически прокручивался до последнего слайдера и там останавливался. Сейчас он прокручивается до последнего, и цикл прокрутки начинается ...
5 голосов
1 ответ
164 показа

Как сделать вдавленный эффект для стрелок prev/next?

Как сделать вдавленный эффект стрелочкам (cтрелочки в SVG)?
0 голосов
0 ответов
234 показа

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

Как сделать Слайдер изображений. Типа слайдера в Плеймаркете (Где скриншоты и картинки приложения). Есть ли какие то статьи и если вы делали такое что вы использовали?
0 голосов
1 ответ
42 показа

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

Есть слайдер взятый с ссылка на слайдер 8 видов анимации (влево,вправо,вверх,вниз + тоже самое с фейд эффектом) Но у меня на сайте ведет себя странно - вдруг вместо эффектов анимации картинки просто ...
2 голоса
1 ответ
226 показов

Слайдер на JavaScript

Подскажите, пожалуйста, что я делаю неправильно. Мне нужно сделать управляемый цикличный слайдер. То есть после последнего слайда должен появляться первый и наоборот. У меня же получается, что ...
1 голос
0 ответов
64 показа

Центрированный слайдер

Здравствуйте! Подскажите пожалуйста, какой js-плагин использовать для создания такого слайдера? Если возможно, предоставьте ссылку на пример кода. Спасибо!
0 голосов
0 ответов
37 показов

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

Перерыл кучу плагинов, не могу нормально реализовать. Скорей всего у меня просто руки такие кривые, может кто то поможет ? по клике на миниатюру она отображается в увеличенном виде. а так же ...
0 голосов
1 ответ
4k показов

Как сделать всем слайдам slick'a одинаковую высоту?

Нужно сделать что бы все слайды были одинаковой высоты, а конкретнее, что бы они выравнивались по высоте со слайдом в котором больше всего контента. Я попробовал задать display:flex для родителя ...
0 голосов
1 ответ
47 показов

Brakepoint в JS для слайдера

Имеется слайдер из 3 блоков. Пока ширина видимой области родительского блока составляет 280px все работает хорошо, поскольку перемещение основывается на изменении положения каждого блока слайдера ...
1 голос
1 ответ
2k показов

Слайд определенного размера в slick slider

Использую slick slider. Возникла проблема,- нужно сделать отступы между слайдами и сделать слайдам ограничение по ширине, например: max-width: 370px;, как в моем случае. Проблема заключается в том, ...
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....
0 голосов
1 ответ
813 показов

Взятие позиции у QSlider при использовании мыши, клавиш

Здравствуйте. У меня есть приложение в котором при изменении положения ползунка QSLider извне (клавиатура, мышь) должен вызываться слот для перемотки трека. Проблема заключается в том, что при нажатии ...
0 голосов
1 ответ
804 показа

В slick slider перестаёт работать автовоспроизведение после клика на стрелку

В slick slider после клика на стрелку перехода к предыдущему или следующему слайду перестаёт работать autoplay, но после клика на любую область страницы, то autoplay начинает работать вновь, а нужно, ...
0 голосов
1 ответ
463 показа

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

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

Помогите написать калькулятор со слайдером на jQuery

Всем привет. Начал делать калькулятор на jQuery и не выходит динамически изменять элементы. Формулы я прописал и сделал слайдер, но вот как теперь всё это заставить работать? codepen Вот код HTML ...
0 голосов
1 ответ
316 показов

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

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

Как пофиксить слайдер в попапе?

Есть слайдер (Slick slider) и он в попапе. Попап реализован добавлениям класа который меняет display:none на display: block... бла бла бла ... по клику на кнопку (класика)... При загрузке страницы и ...
0 голосов
1 ответ
355 показов

slick slider vertival row

Добрый день, маленькая проблема со слайдером slick. Мне нужно сделать вертикальный слайдер с 2 столбцами и тремя строками. Сделал использую код ниже все работает. Но проблема в том что слик получается ...
0 голосов
1 ответ
220 показов

Дублирование pagination у слайдера (jQuery)

Не могу понять, как генерировать у слайдеров pagination таким образом, чтобы они не повторялась. И у каждого слайдера пункты pagination соответствовали кол-во его элементов и начинали подсвечиваться ...
0 голосов
1 ответ
193 показа

Слайдер для большого количества фотографий

Здравствуйте. Подскажите адаптивный кроссбраузерный слайдер с превьюшками (одна большая картинка, под ней несколько маленьких) для большого количества фотографий (больше 200). Насколько я понимаю ...
0 голосов
1 ответ
1k показов

Как менять параметр `slidesToShow:` в `slick slider` в зависимости от размеров страницы?

Как менять параметр slidesToShow: в slick slider в зависимости от размеров страницы?
1 голос
1 ответ
39 показов

Каким образом делаются переходы? [закрыт]

Как реализуются такие переходы, как на скриншоте? Если взять и cделать слайдер в ручную, не плагином и не готовым слайдером! Там переход кубиками, есть разнообразные переходы между слайдами... каким ...
1 голос
2 ответа
1k показов

HTML+CSS?+JS Слайдер текста

Есть шаблон сайта: http://demo.flytheme.net/themes/sm_style/index.php/ Там сверху есть слайдер текста: Т.е. после иконки самолетика текст плавно сдвигается влево, а справа плавно выезжает другой ...
1 голос
1 ответ
1k показов

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

Добрый день! Ситуация такая: на сайте есть окошко (div) в котором крутится слайдер. При нажатии на кнопочку окошко со слайдером разворачивается во весь экран. И все бы хорошо, только вот беда, после ...
0 голосов
1 ответ
47 показов

Нужна помощь со слайдером

Здравствуйте. Пишу слайдер-карусель. Возникла проблема. Он не адаптировался под разрешение экрана. Проблему исправил путем js но теперь при изменении размеров окна браузера конструкция ломается. ...
0 голосов
1 ответ
731 показ

Slick slider или как фиксить баг свойства centerMode?

Доброго времени суток! Есть некоторые баги slick-слайдера, возможно кто-то стыкался или подскажет как это обойти. Как всё обустроено: Делаю слайдер с фиксированой шириною 445px каждый элемент и ...
0 голосов
2 ответа
8k показов

Одинаковая высота в slick slider

Подскажите, как в карусели slick slider сделать одинаковую высоту для слайда slick-slide? При этом слайд будет содержать изображения, у которых разная высота. Т.е. нужно выровнять все изображения по ...
3 голоса
2 ответа
214 показов

Где найти слайдер такого формата?

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

Cоздание индивидуального ползунка "<input type="range">"

Здравствуйте, необходимо сделать ползунок с индивидуальным дизайном. Поэтому input type=range не подойдет, пробовал использовать jQueryUI, но он тоже не предоставляет нужный уровень ...
1 голос
2 ответа
5k показов

Как в slick slider задать события для прокрутки вперед и назад?

Всем доброго времени суток! Делаю очередной слайдер на slick slider. Столкнулся с проблемой, нужно сделать анимацию появления слайдов при прокрутке. Подскажите, пожалуйста, как задать события для ...
2 голоса
1 ответ
63 показа

Вопрос по Java script SetTimeOut и Drug Drop

Добрый день! Я сделала слайдер, идея такова при наведение он переставал двигаться, если фокус убираем слайдер дальше листается. При нажатие я могу менять картинки. Проблема в том что при наведение ...
-6 голосов
1 ответ
4k показов

Слайдер Счетчик [закрыт]

Всем привет Друзья))вопрос!! Как реализовать вот такой счетчик в slick слайдере?
2 голоса
0 ответов
217 показов

Не работает перетаскивание(draggable) с помощью мыши в слайдере jquery

Сделал слайдер на jquery, переход между элементами по клике стрелки работает, попытался сделать возможность перетаскивания элементов мышкой, но у меня почему-то не работает. Нужно сделать без ...
0 голосов
1 ответ
757 показов

Вторая картинка в слайдере влазит в зону видимости первой картинки

Я сделал свой слайдер на jquery, но после загрузки или обновления страницы почему-то вторая картинка в слайдере влазит в зону видимости первой картинки, но после клика на стрелку слайдера, чтобы ...
0 голосов
0 ответов
24 показа

не понимаю в чем проблема. Вместо перещелкивания блоков, он удаляет их в слайдере карусель

//Обработка клика на стрелку вправо $(document).on('click', ".work__carousel-button-right", function() { var carusel = $(this).parents('.work__carousel'); right_carusel(carusel); return ...
0 голосов
1 ответ
7k показов

Как сделать что бы вид слайдера slick Slider Syncing работал корректно?

Код. Если вставить Single Item то все без проблем. Но мне нужен Slider Syncing kenwheeler.github.io/slick в самом низу. Как его по стилям подкорректировать как в оригинале? Даю .slider-nav div правый ...
0 голосов
0 ответов
437 показов

Сложный слайдер slick

Есть задание сделать слайдер. Вот такого типа. я хотел использовать для его создания slick slider. но не пойму как вставить заголовок НОЯБРЬ в слайдер. Пока функционал не нужен никакой. Может кто ...
0 голосов
1 ответ
241 показ

Автомaтическая прокрутка слайдера

var slider = $(".slider"), slides = slider.find('li'), nav = slider.find('nav'); slides.eq(0).addClass('current'); nav.children('a').eq(0).addClass('current_dot'); function set (event)...
-1 голос
2 ответа
3k показов

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

Как сделать адаптивный слайдер, что бы при уменьшении страницы уменьшался и сам слайдер и картинка в нём? // Can also be used with $(document).ready() $(window).load(function() { $('....
0 голосов
1 ответ
3k показов

Slick slider изменить кол-во слайдов после инициализации

Как можно изменить количество отображаемых слайдов у slick slider, при изменении экрана. На текущей момент решением является - скрытие старого слайдера и инициализация нового. Можно ли обойтись только ...
0 голосов
1 ответ
3k показов

Slick responsive

Задача состоит в том, чтобы слайдер включался после 320px и ниже, а breackpoint срабатывал как 320 и выше. Как правильно сделать? Имею такую конструкцию: $(document).ready(function () { $('....
1 голос
1 ответ
1k показов

Реинициализация slick слайдера

Магазин на wordpress при фитрации товаров плагином Advanced AJAX Product Filters, отваливается слайдер slick; На забугорных форумах прочитал о $('.slider-products').slick('unslick');, но попытки его ...
0 голосов
2 ответа
51 показ

Как сделать так, чтобы не задавать дату начала или дату окончания слайда

Вот логика слайдера: <?php // ['name', 'ext', 'url', 'from', 'to'] $s_slides = [ ['name1', 'png', 'https://website.com/a', '18.09.2017', '22.09.2017'], ['name2', 'jpg', 'https://website....
-1 голос
1 ответ
76 показов

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

Написал свой ranged selector на чистом JS. Подскажите, пожалуйста, как сделать выделение цветом пространства между двух ползунков? Вот код: var sliderElem = document.getElementById('range'); var ...