Slick dots в виде иконок с circle progress bar и текстом
Есть дизайн-макет первого экрана сайта. Задача такая, чтобы при нажатии стрелок/свайпе менялись фото и основной текст (в левой верхней части макета). А остальное оставалось на мес…
Вопросы по тегу: slider
- -1 ▲1 ответ.
- 0 ▲1 ответ.
Как сделать такой слайдер, как в макете?
В макете такой слайдер: ссылка на этот слайдер: https://xd.adobe.com/view/3831e990-1d2a-4aa1-9b83-f0ad445abd5d-6d62/screen/412772a8-93d7-425c-a81d-e3e3329ce836/ Чтобы можно было л…
- 0 ▲1 ответ.
Как поставить стрелки (слайдер) по бокам баннера?
Нужно поставить стрелки справа и слева посередине баннера, но они находится под баннером Делал без JS Код: HTML: <nav class="navbar"> <div class="container…
- 0 ▲0 ответ.
slick slider, помогите разобраться со слайдером
$('.single-item').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: '.slider-for' }); $('.slider-for').slick({ slidesToShow: 3, slidesToScroll: 1, a…
- 1 ▲0 ответ.
Swiper не корректно работает при трех слайдах
Все привет, столкнулся с рядом проблем слайдера Swiper и не знаю как решить. Необходимо сверстать вот такой слайдер: Сам слайдер идет на всю ширину экрана(при макете 1440px). А сл…
- 0 ▲0 ответ.
Flexslider в повторителе ACF не выводит изображения
Имеем повторитель ACF на странице. В нем, помимо прочего, - Flexslider <?php // проверяем есть ли в повторителе данные if( have_rows('projects') ): // перебираем данные while (…
- 0 ▲0 ответ.
не срабатывает offsetWidth при изменении ширины элемента
Пишу код на слайдер и не срабатывает offsetWidth на элемент. Как при перегрузке страницы, так и без. Пытался увидеть через resize, но цифры остаются неизменными. Подскажите пожалу…
- 0 ▲2 ответ.
Как передавать значение из переменной C# в Slider Maximum (XAML) хоть сколько раз?
Умоляю, прошу помогите кто знает. С этим 2 недели мучаюсь. Нужно из переменной при нажатии на кнопку перенести значение в Slider Maximum и сделать так, чтобы она могла изменяться.…
- 1 ▲1 ответ.
Как добавить класс другому блоку в зависимости от слайда swiper.js?
Я использую для слайдера библиотеку swiper.js. Мне необходимо в зависимости от текущего слайда, добавлять класс для header, для того, чтобы текст в нем был другого цвета. Желатель…
- 0 ▲0 ответ.
Переключение слайдов в swiper slider
На данный момент когда я в thumbs переключаю слайды, то активный слайд сразу передвигает контейнер, а не идет к нижнему слайду. Сейчас все наглядно покажу. Сейчас у меня вот так а…
- 0 ▲1 ответ.
Gsap slider с управлением по клику
Делаю ScrollTriggered слайдер на GSAP. Необходимо управлять слайдером помамо скролла точками(тамбнейлами) при управлении от меньшего к большему - работает без проблем, а в обратну…
- 0 ▲0 ответ.
слайдер с помощью библиотеки swiper
Делаю на сайте блок логотипов партнеров. Установив библиотеку swiper через npm импортирован объект в JS. Слайдер отображается на сайте, при клике мышки есть движения влево и вправ…
- 0 ▲0 ответ.
Подскажите слайдер под React в котором можно реализовать все последующие карточки меньшего размера
Всем привет, начал изучать React и в первом макете который начал верстать на React есть слайдер, который я не знаю как реализовать, не могу найти подобный слайдер, может кто подск…
- 1 ▲1 ответ.
Swiper slider увеличивается сам по себе
Всем привет! Столкнулся с такой проблемой, что когда я меняю прокрутку для главных фото на горизонтальную, то у меня начинает увеличиваться слайдер до колоссальных размеров каждую…
- 1 ▲0 ответ.
Слайдер на чистом JS (конкурс)
Я реализовал слайдер на JavaScript. Работает управление с телефона, работает перетаскивание слайдов, только не реализовано прокручивание до определённого слайда в зависимости от с…
- 0 ▲0 ответ.
Создание слайдера на HTML, CSS, JS
Как сделать на HTML, CSS, JS такой слайдер как на этой странице superlist.com. Чтобы когда видео заканчивалось, начиналось новое и следущий заголовок менял цвет, а также чтобы мож…
- 0 ▲1 ответ.
Как сделать CSS анимацию слайдер
Всем привет! Вопрос: Есть условный "слайдер" на сайте, все слайды в котором объединены в единый фрейм. Как с помощью CSS или JS сделать анимацию (чтобы по нажатию на кно…
- 0 ▲0 ответ.
Как починить слайдер
Сделал стандартный слайдер с переходами, но эти переходы идут не внутри контейнера, а перелистывают весь сайт вправо. Как это исправить? const slider = document.querySelector('.sl…
- 1 ▲1 ответ.
Слайдер по клику вправо и влево не работает при изменении ширины экрана
Сделал горизонтальный слайдер с блоками. По клику вправо и влево слайдер скроллится на ширину блока 200px. Но в JS не могу заставить изменять ширину прокрутки в зависимости от шир…
- 0 ▲1 ответ.
`JS` логика слайдера
JS логика слайдера. После нажатия на indicator переменная "i" обнуляется, а должна продолжаться с того же места. Почему не работает как задумано? Более подробно и на при…
- 1 ▲0 ответ.
Не работает ползунок JS
Всем привет! У меня на странице два ползунка, с выводам числа, у второго ползунка не работает вывод чисел(в input), и не меняется бекграунд(синий). я нач. разработчик не знаю как …
- 1 ▲0 ответ.
Сбивается таймер обратного отсчета при Slick slider
У меня есть слайдер с 5 элементами, у которых есть таймер обратного отсчёта, при перезагрузки сайта время показывается нормально, но при скролле слайдера время сбивается
- 0 ▲0 ответ.
Отображение слайдеров на странице slick.js
<div class="item-slides"> <div class="image-slides-wrapper"> @foreach($school->getImages() as $image) <div class="offer__slide">…
- 0 ▲1 ответ.
Не подключается Slick
Делал слайдер по тутору с ютуб, но он почему-то не работает. Вот ссылка на видео:Видео 1:47:14 Тут я подключил slick.css: <link href="https://fonts.googleapis.com/css2?fam…
- 0 ▲1 ответ.
Написание слайдера на JS
Всем привет! Я только учусь. Искал вариант написания слайдера на ютубе. Наткнулся на англоязычного исполнителя. Вообщем и целом Div'у с картинками он задал overflow-x для скролла …
- 0 ▲0 ответ.
Можно ли оптимизировать код на менее потребления ресурсов?
Я написал что-то вроде слайдера, однако писал не столько сколько по знаниям, сколько по логике. Если есть советы по этому поводу, рад буду выслушать. Прошу без шуток. Спасибо за в…
- 0 ▲1 ответ.
Как получить значение min и max в bootstrap slider?
Есть горизонтальный slider с двумя ползунками. Рядом с со слайдером есть два input в котором рендерица минимальное и максимальное значение ползунков. Как мне во время собития пере…
- 0 ▲1 ответ.
Дерганье слайдера при ресайзе
Вопрос собственно вот в чем: есть сайт http://www.centrsvet.ru/ Там в главном слайдере используется slick-master, при ресайзе окна картинка дергается. Можно как-то сделать, чтобы …
- 0 ▲1 ответ.
Не работает слайдер
К слайдеру шли эти скрипты: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script> <script type="text/javas…
- 0 ▲1 ответ.
Перетаскивание слайдеров мышкой
Дали задание сделать на чистом JS (в основном плагинами jQuery пользовался). Есть несколько section. Подскажите, как сделать перетаскивание мышкой по примеру (http://www.badassemb…