Вопросы с меткой [слайдер]
Для всех вопросов, связанных со слайдером как элементом интерфейса программы. В слайдере могут быть картинки (слайдер картинок) или ссылки на новости (новостные слайдеры).
120
вопросов
0
голосов
0
ответов
20
показов
Как выровнять блок по вертикали в слайдере(slick)?
Есть слайдер(slick) с фиксированной высотой и айтем с текстом который нужно выровнять по центру как на макете, пробовал флексами но ничего не получилось, пожалуйста помогите
0
голосов
1
ответ
28
показов
Swiper внутри flex элемента растягиваются слайды, mw0 не помогает
Есть флекс контейнер. Внутри два элемента. Внутри каждого слайдер swiper, один из которых является thumbs(превью) для другого. На планшетных разрешениях контейнер складывается в flex-direction: column-...
0
голосов
1
ответ
86
показов
React Swiper: не работают стрелки влево-вправо
Я сделал для своего слайдера кастомные стрелки, которые по сути представляют собой buttons с img внутри. Задача - сделать так, чтобы при нажатии на стрелку совершилась прокрутка списка карточек вправо-...
0
голосов
0
ответов
67
показов
Вывод картинок анонсов инфоблоков в слайдере
См. Посадка на Bitrix owl слайдера. Создание инфоблока.
В template.php задал следующее содержимое
$(document).ready(function() {
$(".owl-one").owlCarousel({
items: 1,
})
});
<?...
2
голоса
0
ответов
15
показов
Значение dots в owl carousel
Скачал шаблон сайта с W3layouts templates
Есть слайдер, сделанный с помощью owl carousel.
Каким образом можно сделать dots для owl-carousel в виде прямоугольника (как на скриншоте)?
1
голос
1
ответ
40
показов
Поле да/нет Advanced Custom Fields
Есть сайт на wordpress, использую плагин Advanced Custom Fields версия 5.8.1.
С помощью этого плагина выводится слайдер на странице. Каждый слайд состоит из полей: заголовок, описание, ссылка, ...
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}&...
-1
голос
1
ответ
56
показов
Автоматический слайдер как реализовать? [закрыт]
Ребят наткнулся на код, но нужна помощь в реализации. Хотелось бы чтобы изображения менялись не при скролле, а автоматически
$(document).ready(function() {
var curPage = 1;
var numOfPages = $(...
0
голосов
2
ответа
140
показов
Галерея с миниатюрами изображений на js
как сделать так чтобы при нажатии на маленькую картинку она открывалась вместо большой с помощью JS
0
голосов
1
ответ
31
показ
Функция отвечает только на второй/третий клик по слушателю
Пытаюсь реализовать бесконечный слайдер, который в дальнейшем будет с плавной перемоткой. В данный момент не получается, чтобы перемотка запускалась при первом клике, только со второго или третьего.
...
0
голосов
0
ответов
70
показов
Перестал корректно работать слайдер swiper js
Был такой слайдер с датами, все работало корректно.
Но почему то сейчас показываются следующие слайды, которые раньше не были видны, а показывались только при скроле слайдера, что-то изменилось в этой ...
0
голосов
0
ответов
48
показов
как сделать более 1 слайдера до/после на одной странице?
<div class="slider__cotainer">
<div id="image-comparison">
<img src="img/1black.jpg" alt="alt">
<img src=&...
1
голос
1
ответ
119
показов
Как сделать слайдер с помощью animation и keyframes? HTML и CSS
Слайдер из 8 картинок. Нужно, чтоб автоматически каждая картинка 3 секунды стояла на месте и листалась в течение 2 секунд. И так 8 раз. Здесь нужно правильно прописать код
@keyframes slider, но не ...
0
голосов
1
ответ
199
показов
Настройка анимации (animateOut: animateIn:) при нажатии кнопок Owl Carousel 2
Всем хай:) Сегодня решил попробовать Owl Carousel. Он мне приглянулся из-за того, что при перелистывании слайдеров, можно подключать свою анимацию. Но возникли проблемы динамического изменения ...
0
голосов
1
ответ
35
показов
проблемы со слайд шоу
Такая проблема: пытаюсь сделать слайд шоу без jQuery и т.п., но скрипт почему то не работает. он с начала не правильно подсвечивал точки (соответствующие номеру слайда), а потом перестал видеть на ...
0
голосов
1
ответ
993
показа
Как сделать увеличение активного слайда Swiper Slider?
Как сделать, чтобы активный слайд был увеличен где-то на 20% по отношению к неактивным?
const swiper = new Swiper('.swiper-container', {
loop: true,
effect: 'coverflow',
grabCursor: ...
0
голосов
0
ответов
23
показа
Почему дёргаются слайды?
При перелистывании центральный слайд "дёргается" в сторону, а потом становится на место. Как убрать "дёрганье"? http://verst.botis.pp.ua
0
голосов
1
ответ
323
показа
Как в Swiper пролистывать слайды после завершения анимации?
Когда ты пролистываешь несколько раз идёт быстрый переход, а нужно чтобы можно было пролистывать только когда завершится анимация пролистывания. В слик слайдере такое видел
Вот пример - https://...
0
голосов
0
ответов
56
показов
Как сделать в Swiper Slider Desktop first swiper?
Искал на русском и на англоязычных форумах, в документации, но как переключить swiper на desktop first, вместо mobile first(который у него по умолчанию), я не нашёл.
0
голосов
0
ответов
43
показа
Помогите с кнопкой "назад" в слайдере на js
Делаю слайдер с кнопками <назад вперед>. кнопка вперед работает, все хорошо. Не знаю как написать функцию для кнопки назад. Сильно не ругайтесь, новичок(если честно до джавы еще не добрался, ...
0
голосов
1
ответ
42
показа
слайдер с фиксированным текстом слева
Всем привет!) Прошу пожалуйста помочь новичку..
Нужно сделать следующее:
То есть, что бы текст изменялся внутри своего блока при прокрутке картинок с годами
Пытался сделать с owl и slick, не ...
0
голосов
0
ответов
39
показов
Owl-carousel Слайдер
Подскажите пжл. как у owl carousel убрать левый слайд ? что бы за пределами container фиксированный ширины остался слайдер только справа
Вот ссылка на codepen здесь выложил
$('.slider-one')....
0
голосов
0
ответов
57
показов
Слайдер за пределы containera
Как заверстать слайдер часть которого будет за контейнером постоянно на протяжении всего адаптива ? Слайдер owl-carousel, если ставить stagePadding, тогда слайдер становится в пределах контейнера
http:...
0
голосов
0
ответов
261
показ
Как сделать, чтобы стили swiper slider не перекрывали стили элемента?
Есть идея создать оболочку для слайдов, но может у кого-нибудь есть другие идеи?
до инициализации swiper слайдера:
<div class="swiper-slide" style="background-image: url('img.png');&...
2
голоса
1
ответ
497
показов
Как задать отступы у слайдов в Swiper-slider?
Без отступов всё хорошо, а с ними видно вместо двух слайдов три
1
голос
1
ответ
154
показа
Как сделать галерею картинок управляемую кнопками?
не смог нагуглить ответ, много вариантов перепробовал поэтому пишу вопрос.
Мне нужно сделать галерею с выборов, вот схема, как это должно выглядеть:
Т.е при нажатии на кнопку меняется текст и ...
0
голосов
0
ответов
84
показа
Slick настройка слайдера
$(document).ready(function() {
$('.carousel__inner').slick({
centerMode: true,
centerPadding: '70px',
slidesToShow: 5,
slidesToScroll: 3,
initialSlide: 1,
prevArrow: '<...
0
голосов
0
ответов
31
показ
После переключения слайдов ошибка: Uncaught TypeError: Cannot read property 'classList' of undefined at HTMLDivElement
После переключения трёх слайдов появляется ошибка
Uncaught TypeError: Cannot read property 'classList' of undefined at HTMLDivElement
HTML
<div class="slider">
<div ...
0
голосов
1
ответ
161
показ
Свайпер обрезает часть блока, которая должна остаться
У swiper-container по умолчанию стоит overflow: hidden;. Из-за этого он обрезает часть слайдов по оси-Y. Если я поменяю на overflow: visible;, то по оси-Y будет всё ок, а вот по оси-X будет видна ...
1
голос
0
ответов
57
показов
Как сделать несколько слайдер-каруселей на одной странице?
Помогите разобраться, на странице имеется слайдер-карусель, мне он нравится, простой, ничего лишнего, хотел сделать еще один такой же слайдер с другим контентом, но на втором слайдере не работают ...
2
голоса
2
ответа
195
показов
Помогите написать таймер для перемещения слайдера на JS
Только начал познавать JS, решил попрактиковаться и сделать слайдер.
Слайдер из себя представляет ленту с картинками, которая перемещается при нажатии на кнопки prev и next, а также на кнопки-...
1
голос
1
ответ
43
показа
Получение концевых значений слайдера
Есть код слайдера
<div class="PriceSlider">
<div class="PriceSlider__header">Цена, ₽</div>
<div class="PriceSlider__inputs"><input name="input-min" class="...
-1
голос
1
ответ
112
показов
Как интегрировать slick slider или swiper?
Как slick slider или swiper вместо текущего в вёрстке. Файл с текущим и описание прилагаю, картинки выгружаются из базы данных
<?php $gallery = explode(", ", $images); ?>
&...
1
голос
1
ответ
159
показов
слайдер на чистом js. Плавное переключение картинок
как сделать плавное переключение картинок слайдера? Пытался через css transition, но ничего не получилось. Прошу вашей помощи всезнающие, ибо без вас серьезно не смогу понять.
JS:
var image = ['...
0
голосов
1
ответ
154
показа
Как задать бесконечный вызов функции через setTimeout?
у меня есть функции для работы с простеньким слайдером, хочу сделать чтобы он бесконечно перематывался, через setTimeout, но как это реализовать, не знаю. Помогите пожалуйста, кому не сложно. p.s не ...
0
голосов
1
ответ
965
показов
Не получается задать ширину для активного слайда Swiper
Макетом предусмотрен такой вариант слайдера:
Слайды имеют ширину 1360px, но если даже задать её стилем, появляется такая дрянь:
из за которой результат немного не такой:
Моя инициализация сейчас:
&...
0
голосов
1
ответ
28
показов
Что за слайдер в PSD макете? [закрыт]
Не могу найти готовое решение для слайдера на скриншоте (скриншот PSD макета). Не обязательно точно такой же слайдер достаточно похожего.
1
голос
0
ответов
70
показов
Проблемы со слайдером при масштабировании страницы
друзья, если не сложно подскажите кто знает ответ.Слайдер работает замечательно, при отдалении тоже, но если обновить страницу после отдаления происходит такая ситуация как на видео, получается что ...
0
голосов
1
ответ
20
показов
Странное поведение flexBOX вложенными картинками
Занимаюсь самообразованием ну и натолкнулся на вот такую проблему которую немому решить =(
Хочу чтобы слайдер был адаптивный, но картинки себя ведут не адекватно, мне нравится что они вылезают за ...
0
голосов
1
ответ
268
показов
Как листать слайдер при клике на первый/последний видимый слайд?
Есть слайдер с тамбами https://codepen.io/IIIu6ko/pen/jOqRMG
var thimbs = new Swiper('.slider__thumbs', {
slidesPerView: 5,
spaceBetween: 19,
direction: "vertical"
});
var main = new ...
0
голосов
0
ответов
257
показов
Как реализовать вертикальный слайдер?
Есть контейнер div с overflow-y: hidden в нем слайдер с 3 вертикальными слайдами, jQuery генерирует и вставляет еще несколько слайдов перед этими тремя, то есть сверху и запускает слайдер добавляя ...
1
голос
0
ответов
23
показа
Как правильно выставить позицию стрелкам в слайд шоу Slick?
Подскажите как правильно выставить позицию стрелкам + как сделать чтобы они были поверх картинок на слайд шоу?
.photo__slider {
width: 640px;
margin: 0 auto;
position: relative;
overflow: ...
0
голосов
0
ответов
78
показов
Swiper перелистывание только одного слайда за раз
Мне нужно, чтобы можно было перелистывать только один слайд за раз, как бы далеко ты не отводил палец. Показывается за раз 3 слайда, поэтому, если резко и далеко провести мышкой или пальцем, то можно ...
0
голосов
1
ответ
63
показа
Как задать первые ДВА слова заголовка другим цветом в php?
знатоки!
Имеется шаблон https://wordpress.org/themes/bizberg/.
В php-коде реализовано первое слово заголовка слайдера (class="firstword") другим цветом.
Однако в английском варианте "...
0
голосов
1
ответ
1k
показов
Слайдер Swiper. Настройка scroll и pagination
Цель у меня это сделать так чтоб отображалось по 3,5 слайда на активную зону (Это делается параметром slidesPerView). Ползунок (scroll) соответствовал активному слайду, то есть был по ширине и под ...
0
голосов
1
ответ
42
показа
Как сделать анимационный переход для слайдера
не подскажите как можно сделать анимационный переход для текста в слайдах, как здесь: https://demo.yootheme.com/themes/joomla/2018/vision/index.php/our-work .
Единственный вариант который приходит в ...
0
голосов
0
ответов
31
показ
Проблемы с анимацией. С#
Столкнулся с крайне не приятной проблемой. У меня есть "Раздвигающийся список" т.е подобие слайдера.
Слайдер состоит из panel'и и button. При нажатии на button, активируется таймер, который выполняет ...
0
голосов
1
ответ
35
показов
словил баг когда делал слайдер
не могу решить уже часов восемь.
проблема в том, что при нескольких нажатиях на переключение кнопки "вперёд", все блоки с изображениями скрываются (у них у всех добавляется через цикл класс ...
1
голос
2
ответа
115
показов
Как присвоить разное количество товаров в двух одинаковых swiper-slider на странице
не могу понять что у меня в коде не так, я использую swiper-slider на странице, у меня 3 слайдера, проблема в том, у каждого слайдера свое количество элементов на экране. пытался присваивать каждому ...
0
голосов
1
ответ
39
показов
Не срабатывает jquery функция в слайдере
Есть функция на сайте. Код будет ниже. При нажатии на навигацию слайдера, он делает все что угодно, только не то что мне нужно. По сути, пытался сделать так, чтоб функция считывала номер картинки при ...