Tagged: slider

08
Июн
2021

Как сменить расположение миниатюр в вертикальном расположении слайдера lightSlider?

lightSlider при переключении в вертикальный режим выводит панель миниатюр с правой стороны, а как переместить их влево?Какой стиль или набор стилей в css-файле за это отвечает?
Код моих настроек слайдера:
$("#vertical").lightSlid…

08
Июн
2021

Как сменить расположение миниатюр в вертикальном расположении слайдера lightSlider?

lightSlider при переключении в вертикальный режим выводит панель миниатюр с правой стороны, а как переместить их влево?Какой стиль или набор стилей в css-файле за это отвечает?
Код моих настроек слайдера:
$("#vertical").lightSlid…

07
Июн
2021

Почему картинки не слушаются границам внешних блоков

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

.slider__item {
width: 100%;
max-width: 593px;

28
Май
2021

Нужно сделать всплывающее окно со слайдером и кнопкой подтверждения

Делаю тактическую игрушку под android на libgdx, нужно чтобы при нажатии на регион карты всплывало окно со слайдером и кнопкой закрыть/подтвердить для выбора количества войск, которых нужно использовать (min: 1, max: n).
Первая фаза хода …

28
Май
2021

Нужно сделать всплывающее окно со слайдером и кнопкой подтверждения

Делаю тактическую игрушку под android на libgdx, нужно чтобы при нажатии на регион карты всплывало окно со слайдером и кнопкой закрыть/подтвердить для выбора количества войск, которых нужно использовать (min: 1, max: n).
Первая фаза хода …

26
Май
2021

defaultValue в rc-Slider не отображется правильно

Использую в проекте rs-Slider.
с родительского компонента через props передаю minPrice/maxPrice
далее записываю их в конфигурацию слайдера, но по дефолту эти значения почему то равняются единице.
Возможно я что то не учел в параметрах слай…

21
Май
2021

Owl-carousel Слайдер

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

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

16
Май
2021

Круговой слайдер под 5 элементов

Подскажите, как реализовать анимацию кругового слайдера на 5 элементов. Похожего на тот что на изображении

Не понимаю на сколько градусов правильно повернуть item (тут ведь не правильный пятиугольник нужен ), а изображения должны ити перп…

16
Май
2021

Как написать слайдер или хотя бы часть его, не понимаю…?

Как сделать слайдер, который берёт информацию из объекта js? То есть есть карточка, в каждой из ней предполагается слайдер, кнопки слайдера будут менять три вещи: заголовок, картинку и описание. Брать информацию предполагается из объекта в…

05
Май
2021

JS slider события

‘use strict’;

const slider = document.querySelector(‘[data-id=”viewer”]’);
const photoSlider = slider.querySelector(‘[data-id=”photo”]’);
const prevButton = slider.querySelector(‘[data-action=”prev”]’);
const nextButton = slider.query…

09
Апр
2021

Как сделать progress bar для slick slider отображающий прогресс количества страниц?

Как сделать progress bar для slick slider отображающий прогресс количества страниц?
Т.е. не прогресс отображения текущего слайда, а прогресс скролла на масштабе всего слайдера.

$(document).ready(function(){
var time = 2;
var $bar,

23
Мар
2021

Как собрать слайдер, который будет перемещать иконки по кривой?

Хочу попробовать себя в вёрстке сайтов. Нашел интересный макет: https://www.behance.net/gallery/72919739/Educational-digital-project-about-Renaissance-Era
Меня заинтересовала кривая с иконками (в приложении выделена зеленым цветом), как я …

15
Мар
2021

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

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

18
Фев
2021

Как перезапустить инициализацию Swiper Slider?

На странице, есть Swiper Slider
И после перезагрузки контента с помощью Ajax, слайдер перестает работать. Так как там полностью заменился блок. Как переприсвоить этот блок для слайдера или же перезапустить слайдер вовсе.
Код свайпера не мо…

04
Фев
2021

Кастомизация slick-slider. Нужно сделать, чтобы слайды наезжали друг на друга

Нужно добиться такого эффекта, чтобы каждый следующий слайд немного наезжал на предыдущий

На данный момент реализовано таким образом:

Код на css, реализующий вертикальный сдвиг:
.slick-slide:nth-child(4n + 1){
.surf-box{
marg…

19
Янв
2021

JS слайдер, анимация элементов слайда

Здравствуйте! Очень нужна помощь, помогите пожалуйста! Задача: При свайпе на следующий слайд, нужно сделать анимацию элементов Текста: "Хотите внедрить новые технологии без лишних затрат?", "Арендуй облачный сервер и запуст…