Вопросы с меткой [slider]
Графический виджет в GUI, с помощью которого пользователь может установить значение, перемещая индикатор.
468
вопросов
0
голосов
1
ответ
33
показа
Slider js по 4кнопкам
У меня есть Слайдер на Js там 4картинки и 2кнопки вправо влево и 4круглых кнопок. Задача заключается в том чтобы можно было менять картинки по круглым кнопкам. То есть активна 1картинка(1кнопка)Если ...
0
голосов
0
ответов
35
показов
Получение данных с разных элементов Slider в WPF
Утро доброе, появилась необходимость взять данные с 2 разных слайдеров, тип данных Double:
Пробовал взять данные так:
double srok = Slider1_Copy.Value;
double summa = Slider1.Value;
Но получается ...
0
голосов
0
ответов
14
показов
Слайдер в 3 элемента по центру
есть мобильный слайдер, элементы должны располагаться вот так:
http://joxi.ru/bmoKqPVhOQ1pPm
Вопрос, есть ли какие готовые слайдеры которые могут сделать один по центру остальные открытые на половину?
...
0
голосов
1
ответ
16
показов
Эффект прокрутки в slick slider
Доброе утро , мне надо добиться такого эффекта
есть инструкция по такому эффекту или надо использовать другой слайдер ?
спасибо за ответы!
0
голосов
0
ответов
11
показов
Какой плагин лучше использовать для такого слайдера? [закрыт]
С помощью какого плагина лучше реализовать такой слайдер?
С учетом того, что на мобильной версии он не много отличаеться.
Или же все таки лучше написать свой слайдер?
0
голосов
0
ответов
9
показов
Slick slider разваливается, в инкогнито работает
Проблема такая, сайт в режиме инкогнито работает корректно. В обычном режиме слайдер не работает. Не прогружается виджет js. Подскажите пожалуйста. Как сделать корректное отображение для всех ...
0
голосов
0
ответов
25
показов
Как кастомизировать грид в карусели slick slider?
Как создать такой грид используя библиотеку slick.?
Пробовал манипуляции с flexbox, но выходит очень коряво =)
$('.posts-curousel').slick({
rows: 2,
dots: true,
arrows: false,
infinite: ...
0
голосов
0
ответов
21
показ
Почему не работает slick?
Не понимаю почему не работает slick slider.
<head>
<link rel="stylesheet" href="/slick-1.8.1/slick/slick.css">
<link rel="stylesheet" href="/...
0
голосов
2
ответа
51
показ
Размер слайда ведёт себя неадекватно
Всем привет!
Настраиваю swiper slider (я настраиваю его в своём vue приложении, но использую не пакет для vue, а обычный js swiper).
Я сделал вёрстку, инициализацию слайдера в mounted и импортировал ...
1
голос
1
ответ
79
показов
Бесконечный слайдер на чистом JS
Делаю слайдер на чистом JS с помощью setInterval. Как можно добиться бесконечной прокрутки слайдов?
let sliderWrapper = document.querySelector(".slider-wrapper");
let sliderElements = document....
0
голосов
0
ответов
9
показов
Как прикрутить к input type=number слайдер от noUiSlider?
Есть онлайн осциллятор, который генерирует сигналы, по умолчанию в скрипте для изменения частоты сигнала используется input type=range. Я изменил type=range на type=number и прикрутил слайдер ...
0
голосов
1
ответ
15
показов
Слайдер не работает корректно
Изначально я был привязан к intro1/intro2/intro3(т.е поменяв 2 строчки я стал получать ошибку.
было так:
this.main = document.querySelector(selector);
this.slider = this.main.querySelector('.slider');)...
0
голосов
1
ответ
24
показа
Как сделать увеличение активного центрированного слайда?
Подключил слайдер, указал всё необходимое для меня в объекте слайдера:
Код который имею на этот момент (при просмотре выполнения на стак не показывает как нужно(отступы не работают). Нажмите ...
0
голосов
1
ответ
22
показа
Независимый слайдер с помощью конструктора
Пишу простенький слайдер, линейный код написал, теперь, перед добавлением функционала решил сделать его независимым, т.е добавить возможность иметь несколько независимых слайдеров на странице + ...
0
голосов
1
ответ
28
показов
Отображение и нажатие нижних кнопок на слайдере
Хочу добавить возможность клика на нижние кнопки в слайдере (dots), которые будут при этом перелистывать сам слайд и принимать класс active.
const images=document.querySelectorAll('.slider .slider-...
0
голосов
1
ответ
31
показ
Плавность переключения изображений в слайдере
Всем привет, возникла такая небольшая проблемка. Сам слайдер автоматический, меняет слайды по 3-шт за раз, всего восемь слайдов, т.е. 3 блок меняющих друг друга. Классы и прочее в скриншотах. Каким ...
0
голосов
0
ответов
7
показов
Слайдер, стрелки по бокам слайдера
Нужно сделать стрелки по бокам слайдера, чтобы они прилипали к контейнеру в 1330px.
Я бы кнопки засовывал бы в контейнер 1330px, но т.к. это в сервисе Elfsight, то к редактировании html доступа нет. ...
0
голосов
1
ответ
16
показов
Как можно сделать перемотку слайдера мышкой(либо пальцем на телефоне) на радио кнопках?
У меня есть слайдер на чистом html через radio кнопки. Он будет отображаться только на мобильных устройствах, и по кнопках не очень удобно переключать? Можно ли как то сделать чтобы была возможность ...
0
голосов
0
ответов
9
показов
Как изменить количество дотов в Slick slider
Возникла такая проблема, имеется слайдер с большим кол-вом слайдов, в мобильной версии необходимо расположить под ним доты, но из-за стандартного поведения Slick slider и, собственно, большого ...
0
голосов
1
ответ
30
показов
Подскажите слайдер с миниатюрами на html+javascript+css (не jQuery!) [закрыт]
Подскажите легкий бесплатный слайдер с миниатюрами на html+javascript+css (не jQuery!)
0
голосов
0
ответов
26
показов
Доработка 3д слайдера. Бесконечный слайдер
Сделал слайдер с возможностью бесконечно прокрутки. Пока реализована возможность прокрутки только вправо. Подходя к последнему слайду в цикле слайдер работает некорректно пропуская несколько слайдов и ...
0
голосов
0
ответов
18
показов
Как починить Slick Slider?
Никак не могу адекватно настроить слайдер, постоянно появляются баги, проблемы с отображением. Именно с ними и прошу помочь.
Вот первая проблема, когда слайды кончаются, он не сразу показывает старые, ...
0
голосов
0
ответов
17
показов
JS API Slider. Не получается вывести содержимое API в слайдер, должно быть 8 карточек с нумерованной пагинацией с инфой из API. Подскажите что делать?
fetch('http://testtask.alto.codes/front-products.php')
.then(data => data.text())
.then(response => {
const result = JSON.parse(response);
const mainSlider = document.getElementById('...
0
голосов
1
ответ
29
показов
Нужно добавить листание слайдера на мобильной версий сайта в Next js (без использования Swiper, slick-slider и др)
Я недавно начал работать с Next js и у меня возникла проблема при работе с событиями OnTouchStart,OnTouchMove и OnTouchEnd. Раньше реализовывал такое на React и на чистом js. Сейчас когда я хочу ...
0
голосов
1
ответ
62
показа
Бесконечная прокрутка карусели
Всем привет, пробую создать бесконечную карусель, при переключении слайда(допустим transition -1500px) с последнего на первый я хочу без плавного перехода сбросить transition в ноль
...
2
голоса
1
ответ
38
показов
Как сделать так, чтобы ползунки input не наезжали друг на друга на js?
Есть вот такой код, в нем я установил минимальный отступ между ползунками с помощью rangeGap. Все вроде как должно работать, но они продолжают наезжать друг на друга. Возможно кто-то подскажет в чем ...
0
голосов
1
ответ
22
показа
Почему на компе не работает slider бустрапа на WordPress?
Стлокнулся с проблемой. Добавил на хостинг roflanhost.beget.tech шаблон верстки на WP
Подключил стили, скрипты
<?php
// правильный способ подключить стили и скрипты
add_action( '...
0
голосов
1
ответ
56
показов
Как сделать, чтобы slick слайдером можно было управлять колёсиком мыши?
мне надо сделать так, чтобы в slick слайдере можно было управлять колёсиком мыши, пример тут
Мой код:
код на codepen
$(document).ready(function(){
$('.slider').slick({
vertical: true,
...
0
голосов
0
ответов
21
показ
Как активировать Swiper Slider на динамически подгруженном HTML
Как активировать Swiper Slider на динамически подгруженном HTML, который подгружается через AJAX после отправки формы?
window.onload = function() {
const swiper = new Swiper('.worksSlider', {
...
0
голосов
0
ответов
28
показов
Слайдер с position fixed
У меня следующая проблема. Мне необходимо создать слайдер, который при прокрутке страницы закрепляется сверху экрана. Как на примере скрина.
Я не прошу вас реализовать функционал в плане добавления ...
0
голосов
0
ответов
31
показ
React rc-slider разные стили у точек
Кто-нибудь знает, как изменить стиль отдельных точек в библиотеке rc-slider? Например, я хочу, чтобы одна была зеленая, а другая красная. Есть dotStyle, но это меняет все точки.
return (
&...
0
голосов
1
ответ
55
показов
Как сделать вертикальный слайдер в несколько колонок?
Нужен адаптивный вертикальный слайдер, который бы выводил слайды в несколько колонок.
Перепробовал owl, bxslider, swiper. Не могу нагуглить никакого решения.
На float, grid, flex без разницы.
К ...
0
голосов
1
ответ
63
показа
Обрезается картинка в слайде Slick Slider
Есть стилизованный slick-slider где картинка должна выходить за верхнюю границу:
При этом для .slick-list у меня задан фон(который фиксированный, пролистывается только содержимое - текст, картинка и ...
0
голосов
1
ответ
42
показа
Как реализовать автоматическую зацикленную карусель на JS
let i = 1;
for(let li of carousel.querySelectorAll('li')) {
li.style.position = 'relative';
li.insertAdjacentHTML('beforeend', `<span style="position:absolute;left:0;top:0">${i}&...
0
голосов
0
ответов
33
показа
Как установить стрелки в определенный блок Slick Slider
Получается, что когда на странице более одного слайдера jq вставляет стрелки во все слайдера а не в том, на котором он инициализировался. (appendArrows)
1
голос
1
ответ
50
показов
Как сделать цикл слайдеру?
Есть код, но когда слайдер подходит к последнему изображению, он начинает идти в обнатном порядке, а не сначала. Не знаю как правильно сделать
$(document).ready(function() {
var curPage = 1;
...
0
голосов
1
ответ
42
показа
slider on css and javascript
Каким образом можно сделать такой slider? Будет меняться только текст.
0
голосов
1
ответ
36
показов
как сделать slick слайдер?
я верстаю лендинг, и мне попался вот такой слайдер, я хочу использовать slick slider, но не могу понять как его настроить, чтобы получилось хотя бы нечто подобное. Как сделать вертикальный слайдер я ...
0
голосов
2
ответа
129
показов
проблемы со Swiper
поставил swiper, в браузере 4 картинки стоят друг под другом и при слайде слайдятся все 4 и дальше не свайпится. что я делаю не так? посмотрел в документации вроде сделал правильно, посмотрел видео ...
2
голоса
1
ответ
143
показа
Swift: ползунок аудио трека подлагивает
В моем приложении есть аудиоплеер. И ползунок для перемещения звуковой дорожки. Но, например, в моем приложении на экране блокировки ползунок не подлагивает, когда его скролишь влево вправо. И он не ...
1
голос
2
ответа
35
показов
Слайдер со слайдами в форме трапеции
Нужно сверстать слайдер, где в центре будет большой слайд в форме трапеции, сужающийся вниз, а по бокам слайды поменьше, сужающиеся вверх. Пробовал делать через перспективу, но как только элементов ...
0
голосов
2
ответа
71
показ
Пустое место после последнего слайда
При использовании ссылок с заданным background появляется пустое пространство после последнего слайда, хотя, если вместо картинок использовать просто текст, то всё нормально работает. Размер картинки -...
0
голосов
0
ответов
29
показов
Как сделать в slick slider буллиты не по центру, а с краю ограничивающего контейнера
Всем привет! Задача такая есть макет с таким слайдером, надо его сделать на slick slider
<section class="main-slider">
<div class="main-slider__slide"&...
1
голос
1
ответ
42
показа
при достижении последнего слайда изменять translateX в положительную сторону
Создаю слайдер, с автоплеем, который при достижении определенного условия будет идти в обратную сторону.
Проблема заключается в том что когда он доходит до определенной границы, он начинает дергаться ...
1
голос
1
ответ
29
показов
Подскажите какой-нибудь готовый слайдер, где слайды друг на друге
Нужно реализовать вот такой слайдер как на фото (слайды должны уходить в бок и появляться внизу всех карточек. Slick слайдер не подходит и Swiper Slider тоже не подходит:( Искал в интернете, ничего ...
1
голос
0
ответов
106
показов
Помогите реализовать слайдер
Помогите пожалуйста реализовать слайдер, слайдер должен быть бесконечным, честно долго трудился, но смог вывести только массивы с классами слайдов, а затем даже удалить через js. Есть особенности в ...
0
голосов
0
ответов
170
показов
Ошибка при подключении swiper js
При попытке начать работу с swiper js в проекте, получаю ошибку Uncaught TypeError: Failed to resolve module specifier "swiper". Relative references must start with either "/", &...
0
голосов
0
ответов
54
показа
Эффект Coverflow SwiperJS: прижать активный слайд к правому краю
Помогите, пожалуйста, разобраться, как сделать вот такой слайдер в виде карточек:
Я нашла похожий эффект в SwiperJS, поковырялась в документации, но сделать его согласно задумке дизайнера не ...
0
голосов
0
ответов
74
показа
Как сделать двойной свайп для слайдера?
Подскажите, есть слайдер на мобилке. Со 100% шириной слайда. И несколько слайдов с 200% ширины.
Использую swiper slider и там если слайд большой, то можно добавить только скролл внутри большого слайда
...
0
голосов
1
ответ
58
показов
Перетаскивание ползунка аудиоплеера
У меня есть кастомный плеер, стилизованный мной. По клику на прогрессбар, перематывается аудиофайл. Я хочу сделать еще и так чтобы при перетаскивании ползунка аудиофайл перематывался. Причем чтобы ...