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

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

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

Цикличный carousel slider с повторяющимися элементами

У меня есть слайдер с 3 картинками, который проигрывается автоматически при клике на контейнер. Проблема заключается в том, что после 3 картинки слайдер перемещается в начало, то есть к 1 картинке. Я ...
sl1degod's user avatar
0 голосов
0 ответов
17 показов

Изменение стрелки в слайдере

Хочу поменять стрелку когда слайдер дойдет до конца (с arrowtwo на arrowone), однако почему то слайдер некорректно начинает работать из за useState для img и к тому же картинка обновляется при ...
Аноним's user avatar
0 голосов
2 ответа
138 показов

Как можно сделать аналогичный слайд используя только css?

.testimonials{ background-color: #5C3249; position: relative; } .slider{ position: relative; width: 741px; height: 490px; overflow: hidden; display: flex; } .images{ display: flex; ...
Anastasia's user avatar
0 голосов
1 ответ
39 показов

Fancyapps не работает

Пытаюсь запустить слайдер с помощью плагина Fancyapps через CDN. Через npm не вариант, backend мне не доступен. https://codepen.io/migal4/pen/jOJvqgr - то, что у меня сейчас. const productCarousel = ...
Michel Migalov's user avatar
0 голосов
0 ответов
26 показов

Переключение слайдов внутри слайдера

В секции 6 табов, внутри которых свои самостоятельные слайдеры (swiper). при нажатии на какой-то таб должен открываться свой слайдер. В целом идея реализована, но стрелки живут своей жизнью: то ...
NikRNN's user avatar
  • 1
0 голосов
0 ответов
25 показов

Не получается увязать между собой два элемента swiper

У меня есть два swiper. Необходимо, чтобы при клике на второй swiper (на один из слайдов) , на первом открывался соответствующий слайд (по индексу). Что я делаю не так? И второй отдельный вопрос: ...
Vadim Lyutsko's user avatar
0 голосов
0 ответов
26 показов

Как настроить swiper в react чтобы слайд всегда был по центру. А если они не помещаются, то первый слайд разрезается и добавляется с краю

Как сделать так, чтобы первый слад разрезался так, чтобы какой-то элемент был по центру, а вторая часть первого слайда добавилось с права? так быть не должно слайд с права должен добавить невидимую ...
PovarCoda's user avatar
0 голосов
0 ответов
26 показов

Самописный слайдер на JS с функцией автопролистывания. Функция автопролистывания должна ставиться на паузу, если на слайдер наведен курсор

Слайдер работает. Функция автопролистывания тоже работает. При наведении курсора мыши на слайдер происходит остановка слайдера и автопролистывание ставится на паузу. На тачскринах я хочу тоже делать ...
Anton Pivnenko's user avatar
1 голос
1 ответ
55 показов

Стоит ли удалять из DOM ушедшие за кадр элементы карусели в React.JS?

Всем привет, на главной странице сайта (джуновский пет-проект) есть две однотипные карусели, под которые я делаю компонент. В одной карусели отображаются популярные товары, а во второй товары на ...
Dr. Vladson's user avatar
0 голосов
0 ответов
20 показов

Карусель slick-react ставит слайды в колонну и не реагирует на изменение стилей

Изображения почему-то отображаются в колонну. Попробовала задать расположение в 1 ряд (rows:1), пробовала через css выставить в ряд через flex. Ничего не помогло.. Может у кого-то был опыт "react-...
Юлия Михалькова's user avatar
0 голосов
2 ответа
139 показов

Не получается сделать бесконечный слайдер

Делаю слайдер через swiper js, нужно чтобы он сам прокручивался без остановки, но у меня получается какая-то фигня. <section class="brands"> <div class="container"&...
protonio's user avatar
0 голосов
2 ответа
68 показов

Как отключить синхронизацию в slick слайдере?

$('.slider-for').slick({ infinite: true, slidesToShow: 1, arrows: false, lazyLoad: 'ondemand', //fade: true, }); $('.slider-nav').slick({ infinite: true, slidesToShow: 4, //...
Andrey Prog's user avatar
0 голосов
0 ответов
18 показов

Как сделать так чтобы слайд был на всю ширину, а иконки вправо и влево были поверх слайда, а не сбоку, скрипты оставил на описании фото

$(document).ready(function(){ $('.carousel__photos').slick({ infinite: true, speed: 1000, slidesToShow: 1, adaptiveHeight: true, fade: false, cssEase: 'linear', autoplay: ...
Ryan's user avatar
  • 1
0 голосов
1 ответ
62 показа

Как сделать такой слайдер, как в макете?

В макете такой слайдер: ссылка на этот слайдер: https://xd.adobe.com/view/3831e990-1d2a-4aa1-9b83-f0ad445abd5d-6d62/screen/412772a8-93d7-425c-a81d-e3e3329ce836/ Чтобы можно было листать и тянуть с ...
Andrey Prog's user avatar
0 голосов
1 ответ
47 показов

Как поставить стрелки (слайдер) по бокам баннера?

Нужно поставить стрелки справа и слева посередине баннера, но они находится под баннером Делал без JS Код: HTML: <nav class="navbar"> <div class="container&...
Maksuxich's user avatar
0 голосов
0 ответов
34 показа

slick slider, помогите разобраться со слайдером

$('.single-item').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: '.slider-for' }); $('.slider-for').slick({ slidesToShow: ...
Максим's user avatar
1 голос
0 ответов
113 показов

Swiper не корректно работает при трех слайдах

Все привет, столкнулся с рядом проблем слайдера Swiper и не знаю как решить. Необходимо сверстать вот такой слайдер: Сам слайдер идет на всю ширину экрана(при макете 1440px). А слайды в нем имеют ...
Donald-Duck's user avatar
0 голосов
0 ответов
21 показ

Flexslider в повторителе ACF не выводит изображения

Имеем повторитель ACF на странице. В нем, помимо прочего, - Flexslider <?php // проверяем есть ли в повторителе данные if( have_rows('projects') ): ...
Alandr's user avatar
  • 33
0 голосов
0 ответов
53 показа

не срабатывает offsetWidth при изменении ширины элемента

Пишу код на слайдер и не срабатывает offsetWidth на элемент. Как при перегрузке страницы, так и без. Пытался увидеть через resize, но цифры остаются неизменными. Подскажите пожалуйста в чем может быть ...
Kra Nik's user avatar
0 голосов
0 ответов
80 показов

Ошибка "Request failed with status code 403" при загрузке фото в админ-панели

Я загружаю фото в админ-панели. И делаю fetch api, чтобы выгрузить на сайте карусель фото. Но получаю ошибку: AxiosError {message: 'Request failed with status code 403', name: 'AxiosError', code: '...
Bale's user avatar
  • 1
0 голосов
2 ответа
81 показ

Как передавать значение из переменной C# в Slider Maximum (XAML) хоть сколько раз?

Умоляю, прошу помогите кто знает. С этим 2 недели мучаюсь. Нужно из переменной при нажатии на кнопку перенести значение в Slider Maximum и сделать так, чтобы она могла изменяться. То есть: первый раз ...
Alex's user avatar
  • 1
1 голос
1 ответ
315 показов

Как добавить класс другому блоку в зависимости от слайда swiper.js?

Я использую для слайдера библиотеку swiper.js. Мне необходимо в зависимости от текущего слайда, добавлять класс для header, для того, чтобы текст в нем был другого цвета. Желательно решение на js.
niskofly's user avatar
0 голосов
0 ответов
821 показ

Переключение слайдов в swiper slider

На данный момент когда я в thumbs переключаю слайды, то активный слайд сразу передвигает контейнер, а не идет к нижнему слайду. Сейчас все наглядно покажу. Сейчас у меня вот так а надо при нажатии на ...
Moty's user avatar
  • 7
0 голосов
0 ответов
30 показов

Слайдер с анимацией отступа между элементами

возникла проблема с анимированием слайдера. На скриншотах принципе весь процесс виден. При скролле слайдера, должен появляться отступ между элементами, как гармошка, Используется библиотека (на данный ...
keltias's user avatar
0 голосов
0 ответов
269 показов

Swiper slider не переключается слайд в thumbs

Cлева в thumbs, слайды по стрелочкам переключаются только до третьего, но если нажать на сам слайд или на стрелочку которая находиться на главном экране, то все работает. Помогите сделать чтобы в ...
whoismatvei's user avatar
0 голосов
0 ответов
46 показов

Неправильное отображение swiper slider

Возникла такая проблема, мне нужно чтобы с двух стороны были видны картинки, а у меня только с одной, как решить эту проблему. Сейчас у меня отображается вот так А надо вот так Вот сам код этого ...
whoismatvei's user avatar
0 голосов
0 ответов
149 показов

Не работает loop(бесконечный) слайдер swiper

Всем привет! Может кто сможет помочь, почему не работает loop в swiper slider? Ниже код ` const partnersSlider = new Swiper('.partners-slider', { // Optional parameters direction: '...
whoismatvei's user avatar
0 голосов
1 ответ
97 показов

Gsap slider с управлением по клику

Делаю ScrollTriggered слайдер на GSAP. Необходимо управлять слайдером помамо скролла точками(тамбнейлами) при управлении от меньшего к большему - работает без проблем, а в обратную сторону пропускает ...
Masha Baranova's user avatar
0 голосов
0 ответов
296 показов

слайдер с помощью библиотеки swiper

Делаю на сайте блок логотипов партнеров. Установив библиотеку swiper через npm импортирован объект в JS. Слайдер отображается на сайте, при клике мышки есть движения влево и вправо. Но кнопки стрелок ...
And So What's user avatar
0 голосов
0 ответов
123 показа

Подскажите слайдер под React в котором можно реализовать все последующие карточки меньшего размера

Всем привет, начал изучать React и в первом макете который начал верстать на React есть слайдер, который я не знаю как реализовать, не могу найти подобный слайдер, может кто подскажет, где посмотреть ?...
MaXiMuS's user avatar
0 голосов
1 ответ
351 показ

Swiper slider увеличивается сам по себе

Всем привет! Столкнулся с такой проблемой, что когда я меняю прокрутку для главных фото на горизонтальную, то у меня начинает увеличиваться слайдер до колоссальных размеров каждую секунду. Помогите ...
whoismatvei's user avatar
1 голос
0 ответов
347 показов

Слайдер на чистом JS (конкурс)

Я реализовал слайдер на JavaScript. Работает управление с телефона, работает перетаскивание слайдов, только не реализовано прокручивание до определённого слайда в зависимости от скорости ...
Михаил Камахин's user avatar
0 голосов
0 ответов
139 показов

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

Написал я слайдер на чистом JavaScript. Работает даже с плавными анимациями. Только проблема в том, что кода много. Как оптимизировать это всё - не понимаю. А самая сложная часть - это расчёты, как ...
Михаил Камахин's user avatar
0 голосов
0 ответов
96 показов

Создание слайдера на HTML, CSS, JS

Подскажите пожалуйста как сделать на HTML, CSS, JS такой слайдер как на этой странице https://www.superlist.com/. Чтобы когда видео заканчиволось, начиналось новое и следущий заголовок менял цвет, а ...
Май я's user avatar
0 голосов
1 ответ
78 показов

Как сделать CSS анимацию слайдер

Всем привет! Вопрос: Есть условный "слайдер" на сайте, все слайды в котором объединены в единый фрейм. Как с помощью CSS или JS сделать анимацию (чтобы по нажатию на кнопку NEXT к ...
Миша's user avatar
0 голосов
0 ответов
34 показа

Как починить слайдер

Сделал стандартный слайдер с переходами, но эти переходы идут не внутри контейнера, а перелистывают весь сайт вправо. Как это исправить? const slider = document.querySelector('.slider'); const prevBtn ...
Владимир Романенко's user avatar
1 голос
1 ответ
42 показа

Слайдер по клику вправо и влево не работает при изменении ширины экрана

Сделал горизонтальный слайдер с блоками. По клику вправо и влево слайдер скроллится на ширину блока 200px. Но в JS не могу заставить изменять ширину прокрутки в зависимости от ширины экрана. Например ...
Androv's user avatar
  • 15
0 голосов
1 ответ
58 показов

`JS` логика слайдера

JS логика слайдера. После нажатия на indicator переменная "i" обнуляется, а должна продолжаться с того же места. Почему не работает как задумано? Более подробно и на примере по ссылке на ...
pursam's user avatar
  • 1
1 голос
0 ответов
90 показов

Не работает ползунок JS

Всем привет! У меня на странице два ползунка, с выводам числа, у второго ползунка не работает вывод чисел(в input), и не меняется бекграунд(синий). я нач. разработчик не знаю как поправить. html: <...
WeilBrain's user avatar
1 голос
0 ответов
15 показов

Сбивается таймер обратного отсчета при Slick slider

У меня есть слайдер с 5 элементами, у которых есть таймер обратного отсчёта, при перезагрузки сайта время показывается нормально, но при скролле слайдера время сбивается
Malfan's user avatar
  • 125
0 голосов
0 ответов
27 показов

Отображение слайдеров на странице slick.js

<div class="item-slides"> <div class="image-slides-wrapper"> @foreach($school->getImages() as $image) <div class="offer__slide"> ...
Владмир Дубчак's user avatar
0 голосов
1 ответ
30 показов

Не подключается Slick

Делал слайдер по тутору с ютуб, но он почему-то не работает. Вот ссылка на видео:Видео 1:47:14 Тут я подключил slick.css: <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;...
Ілля Штибель's user avatar
0 голосов
1 ответ
96 показов

Написание слайдера на JS

Всем привет! Я только учусь. Искал вариант написания слайдера на ютубе. Наткнулся на англоязычного исполнителя. Вообщем и целом Div'у с картинками он задал overflow-x для скролла картинок ну и дальше ...
Hakkensha's user avatar
0 голосов
1 ответ
67 показов

Присвоение класса элемента при клике

Помогите пожалуйста. const clicksertif = document.querySelector('.sertif-img'); if (clicksertif) { clicksertif.addEventListener("click", function(e) { clicksertif....
Ермолаев Дмитрий's user avatar
0 голосов
1 ответ
235 показов

Показывать текущий номер слайда, если таких слайдов на экране много

Есть макет, при котором нужно пользователю показывать номер текущего слайда, при том что одновременно на экране может показываться больше двух слайдов. Вывод для одного слайда сделал, но как сделать ...
NothingChanges's user avatar
0 голосов
1 ответ
783 показа

Как сделать swiper-slider так , чтобы слайды выходили за границу контейнера?

Как реализовать такой слайдер? Если ширина контейнер сайта такая же как и ширина центрального слайда.Я пробовал отменить oveflow: hidden у слайдера, тогда появляется полоса прокрутки снизу , которая ...
Okay Barbos's user avatar
0 голосов
1 ответ
31 показ

Не работает Slick JS

window.onload=function(){ $('.slider__inner').slick({ autoplay:true, autoplaySpeed:1500, arrows:true, prevArrow:'<button type="button" class="slick-prev"></button>', nextArrow:'...
fastlycode's user avatar
0 голосов
1 ответ
34 показа

Как верно сдвинуть ползунок rangeSlider?

Не могу понять, почему когда пробую сдвинуть ползунок, он сразу перемещается на длину container-marginLeft. Пробовал с clientX, offsetX, но эффект тот же. Еще пробовал вешать eventListener на сам ...
NaN-Simon's user avatar
0 голосов
1 ответ
101 показ

вызвать функцию не чаще одного раза в 3 сеекуннд

Цитата При клике вызывается функция которая меняет слайд. Изменение слайда происходить с анимацией где то 1-2 сек. И получается так что если пользователь несколько раз подряд кликнет то если он ...
Jeyhun Rzayev's user avatar
1 голос
0 ответов
89 показов

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

Я новичок в программировании и мне нужно добавить слайдер прямо под шапку, вы наверное подумаете "ну слайдер и слайдер, почему нельзя добавить?" но это не простой слайдер здесь. 1 я никогда ...
Garfild Raven's user avatar