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

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

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

Ошибка "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 ответа
39 показов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать слайдер на reactJS?

Всем привет. Как сделать слайдер на reactJS ( redux ) имея API с данными в которых есть картинки? Я прописал получение данных с API: filmsService: import {urls} from "../configs"; const ...
INACORE's user avatar
  • 21
0 голосов
1 ответ
31 показ

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

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

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

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

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

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

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

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

Добавление стрелок для slider zoom в WordPress

Есть слайдер в WordPress, реализовал с помощью плагина smartslider. В целом, можно и любой другой, лишь бы была возможность подгружения контента через админку. Сделал возможность зума слайдов с ...
niskofly's user avatar
0 голосов
0 ответов
19 показов

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

Написал на чистом js для практики один slider. Добавить его легко - для этого необходимо добавить класс slider на родителя ul(любой список, из которого мы хотим сделать слайдер). После находим .slider ...
SleepyAsura's user avatar
0 голосов
0 ответов
24 показа

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

Написал на чистом js для практики один slider. Добавить его легко - для этого необходимо добавить класс slider на родителя ul(любой список, из которого мы хотим сделать слайдер). После находим .slider ...
SleepyAsura's user avatar
0 голосов
0 ответов
33 показа

Как заменить стрелки слайдера на свои vue3 swiper@8.4.4?

Проблем с добавлением слайдера (swiper@8.4.4) нет, но существует проблема замены стрелок на свои (своей картинкой). Нигде в интернете такой информации не нашел
Вадим's user avatar
0 голосов
1 ответ
27 показов

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

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

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

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

Доброго времени суток. Не работает слайдер на JS.При клике обработчик события останавливается на 4 айтеме и перебор прекращается

<article class="slider"> <div class="slider__container"> <div class="vector-right"><img src="icons/...
Andrey's user avatar
  • 1
0 голосов
0 ответов
29 показов

Проблема со Slick slider в попапе

Сделал slick slider в попапе. При первом вызове попапа открывается вот так (тексты всех 7 элементов слайдера сливаются в один и вообще не понятно как себя ведут) При первом действии со слайдером за ...
Ivan Lyskov's user avatar
0 голосов
1 ответ
43 показа

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

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

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

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

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

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

Не работает 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 голосов
0 ответов
57 показов

Как добавить текст из слайда в swiper js к bullets?

Например из swiper-slide из атрибута data взять контент и подставить к bullets const swiper = new Swiper('.swiper', { pagination: { el: '.swiper-pagination', bulletClass: 'point', ...
Samgb's user avatar
  • 1
0 голосов
0 ответов
22 показа

Как мне использовать "noUiSlider" в фреймворке "yew.rs "?

Я работаю с языком "Rust" и Фреймворком "yew.rs" недостаточно долго, поэтому я заранее приношу извинения, если вопрос покажется вам глупым или очевидным. Проблема в том, что мне ...
Nikolay's user avatar
  • 17
0 голосов
0 ответов
14 показов

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

Я сделал, но адекватно работает только красный ползунок. При наезде на красный и выход за границы прогресс-бара, синий сбрасывается и начинает двигаться красный. class Thumb { constructor(...
NaN-Simon's user avatar
0 голосов
1 ответ
24 показа

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

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

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

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

Как в slick slider сделать слайд от края контейнера до конца ширині сайта?

На картинке примерно указал, как должен выглядеть слайдер в конечном результате. В официальной документации нет подобных примеров. Красные линии на картинке - это контейнер сайта. Слайдер должен ...
user467165's user avatar
1 голос
0 ответов
39 показов

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

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

Не отображается слайдер на главной странице

Помогите решить проблему. Перестал отображаться слайдер от плагина Revolution Slider на главной странице сайта. Возможно, перестал отображаться после обновления шаблона, т.к. вообще не заметил, как ...
alloxa's user avatar
  • 1
0 голосов
1 ответ
53 показа

Как начать отсчёт слайдов с единицы?

Делаю свою пагинацию для слайдера свайпера. Когда использую шаблонную строку для того, чтобы вернуть span с номером слайдера, он начинает отсчёт с нуля. Как сделать так, чтобы отсчёт слайдов начинался ...
4elovek-4yBak's user avatar
0 голосов
0 ответов
20 показов

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

Есть слайдер, необходимо его оптимизировать, чтобы слайды подгружались по надобности. То есть, когда нажимаешь на стрелочку вперед, отрисовывался слайд, а предыдущий удалялся. Я знаю как это делается, ...
Psoriaz's user avatar
  • 23
-2 голоса
1 ответ
48 показов

Помогите собрать подобный слайдер [закрыт]

Помогите собрать подобный слайдер, на js, html и css можно при помощи библиотеки слик слайдер, но похожий слайдер я там не нашел, заранее спасибо!
Ruslan Hellfire's user avatar
0 голосов
0 ответов
16 показов

Вопрос о слайдере с W3 School

Не совсем могу понять логику в цыкле: я так понимаю, что текущему слайдеру присваивается display: none, Но, почему "-1" ? Транслейт пожалуйста. x[slideIndex-1] W3 код var ...
ida's user avatar
  • 11
0 голосов
0 ответов
13 показов

Рандомное воспроизведение звука

Есть сайт на Wordpess, на котором установлен плагин "Revolution 6.5.25". В нём установлен слайдер с видео фрагментом со звуком. Проблема в том что звук на видео воспроизводится не всегда. ...
Fruit's user avatar
  • 32
0 голосов
1 ответ
847 показов

Как сделать слайдер в слайдере в Swiper

В макете есть такой слайдер, при наведении на слайд появляется карусель. Я написал такой код, но оно не работает - внутренний слайдер не появляется. <div class="project container"> ...
Роман Герасименко's user avatar
2 голоса
1 ответ
265 показов

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

Хочу получить такой результат, но не получается. У меня такой слайдер: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Swiper demo&...
Joni's user avatar
  • 25