Tagged: слайдер

15
Июл
2021

проблемы со слайд шоу

Такая проблема: пытаюсь сделать слайд шоу без jQuery и т.п., но скрипт почему то не работает. он с начала не правильно подсвечивал точки (соответствующие номеру слайда), а потом перестал видеть на слайдах style, почему он видит только у не…

20
Июн
2021

Как в Swiper пролистывать слайды после завершения анимации?

Когда ты пролистываешь несколько раз идёт быстрый переход, а нужно чтобы можно было пролистывать только когда завершится анимация пролистывания. В слик слайдере такое видел
Вот пример – https://swiperjs.com/demos#effect-fade
Если быстро св…

31
Май
2021

Помогите с кнопкой "назад" в слайдере на js

Делаю слайдер с кнопками <назад вперед>. кнопка вперед работает, все хорошо. Не знаю как написать функцию для кнопки назад. Сильно не ругайтесь, новичок(если честно до джавы еще не добрался, только html/css).
“`
<a class="pr…

23
Май
2021

Как сделать бесконечную карусель?

Всем добрый день. Мне нужно сделать бесконечную карусель с разными размерами картинок и плавным переход между картинками. Пытался с помощью методов appendChild и insertBefore но не смог сделать плавный переход. Также пытался делать с overf…

21
Май
2021

Owl-carousel Слайдер

Подскажите пжл. как у owl carousel убрать левый слайд ? что бы за пределами container фиксированный ширины остался слайдер только справа

Вот ссылка на codepen здесь выложил
$(‘.slider-one’).owlCarousel({
items: 1,
loop: true,

29
Мар
2021

Свайпер обрезает часть блока, которая должна остаться

У swiper-container по умолчанию стоит overflow: hidden;. Из-за этого он обрезает часть слайдов по оси-Y. Если я поменяю на overflow: visible;, то по оси-Y будет всё ок, а вот по оси-X будет видна часть следующего блока.
Сам вопрос: Как сде…

16
Мар
2021

Как сделать несколько слайдер-каруселей на одной странице?

Помогите разобраться, на странице имеется слайдер-карусель, мне он нравится, простой, ничего лишнего, хотел сделать еще один такой же слайдер с другим контентом, но на втором слайдере не работают кнопки прокрутки. Пытался прописать через I…

15
Мар
2021

Помогите написать таймер для перемещения слайдера на JS

Только начал познавать JS, решил попрактиковаться и сделать слайдер.
Слайдер из себя представляет ленту с картинками, которая перемещается при нажатии на кнопки prev и next, а также на кнопки-индикаторы снизу слайдера, и индикаторы при это…

15
Янв
2021

Помогите с идеями, как реализовать такой слайдер

По идее должен быть такой слайдер как выше. Все что находится внутри условного контейнера видно, остальное с прозрачностью, но я планирую перекрыть поверх полупрозрачными псевдоэлементами.
Вопрос в следующем: как ровно разместить элементы…

05
Янв
2021

слайдер на чистом js. Плавное переключение картинок

как сделать плавное переключение картинок слайдера? Пытался через css transition, но ничего не получилось. Прошу вашей помощи всезнающие, ибо без вас серьезно не смогу понять.
JS:
var image = [‘картинка1’, ‘картинка2’, ‘картинка3’];
var nu…

05
Янв
2021

Как задать бесконечный вызов функции через setTimeout?

у меня есть функции для работы с простеньким слайдером, хочу сделать чтобы он бесконечно перематывался, через setTimeout, но как это реализовать, не знаю. Помогите пожалуйста, кому не сложно. p.s не судите за код. Только учусь.
function…

13
Дек
2020

Как сделать, чтобы каждый последующий слайд отображался сзади текущего?

Использую Slick Slider.
Создал слайдер с вертикальным скроллом, теперь встал вопрос, как сделать эффект "перевернутой карточной колоды", подробнее нарисовал на рисунке.
Пытался играться с помощью z-index, margin, position: absolu…

04
Дек
2020

Не получается задать ширину для активного слайда Swiper

Макетом предусмотрен такой вариант слайдера:

Слайды имеют ширину 1360px, но если даже задать её стилем, появляется такая дрянь:

из за которой результат немного не такой:

Моя инициализация сейчас:
<script>
v…

30
Окт
2020

Посоветуйте карусель с горизонтальной полоской прокрутки

Уже неделю мучаюсь.
Посоветуйте пожалуйста, может я плохо ищу
Мне нужна карусель которая умеет:

Показывать определенное количество слайдов на крана с возможностью изменения (каждый слайд должен быть адаптивны от ширины )
Горизонтальная по…

28
Окт
2020

Вопрос по верстке слайдера

Вот такой слайдер хочу сделать

Нашел вот такой (https://itchief.ru/examples/lab.php?topic=javascript&file=chiefslider-with-looping-and-automatic-slide-change) похожий примерно, но не знаю как сделать расстояние между слайдами и увелич…

28
Окт
2020

Вопрос по верстке слайдера

Вот такой слайдер хочу сделать

Нашел вот такой (https://itchief.ru/examples/lab.php?topic=javascript&file=chiefslider-with-looping-and-automatic-slide-change) похожий примерно, но не знаю как сделать расстояние между слайдами и увелич…

17
Окт
2020

Проблемы со слайдером при масштабировании страницы

друзья, если не сложно подскажите кто знает ответ.Слайдер работает замечательно, при отдалении тоже, но если обновить страницу после отдаления происходит такая ситуация как на видео, получается что слайдер сразу улетает куда то далеко до б…

19
Сен
2020

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

Есть контейнер div с overflow-y: hidden в нем слайдер с 3 вертикальными слайдами, jQuery генерирует и вставляет еще несколько слайдов перед этими тремя, то есть сверху и запускает слайдер добавляя класс active родительскому элементу.
Необх…