Tagged: slick.js

20
Июл
2021

как убрать мерцание анимации Slick Slider

Есть слайдер kujy.ru/333/ при загрузке страницы и переходе с первого слайда на второй происходит мерцание анимации. А остальные переходы нормально работают. Как это поправить?
$(‘.slider-for’).slick({
autoplay: true,
slidesToShow: …

06
Июл
2021

не работает slick-slider при max-width

Как настроить slick-slider, что бы при фиксированной ширине блока, он нормально адаптировался через брейкпоинты, то-есть центрировался, а не ломался. Если не задавать максимальную ширину, он просто растягивает блоки во всю ширину родителя….

06
Июл
2021

Как сделать так, чтобы картинка в Slick-slider не обрезалась при уменьшении размера экрана?

Как в slick-slider сделать так, чтобы картинка не обрезалась при ЛЮБЫХ разрешениях экрана? Я имею ввиду, что ту картинку которую вы видите на десктопной версии, было так же видно и при маленьких разрешениях экрана без обрезаний?
Я пробовал…

06
Июл
2021

Как сделать так, чтобы картинка в Slick-slider не обрезалась при уменьшении размера экрана?

Как в slick-slider сделать так, чтобы картинка не обрезалась при ЛЮБЫХ разрешениях экрана? Я имею ввиду, что ту картинку которую вы видите на десктопной версии, было так же видно и при маленьких разрешениях экрана без обрезаний?
Я пробовал…

05
Июл
2021

Как сделать так, чтобы прямоугольники в навигации Slick slider менялись плавно и не дергались?

Как сделать так, чтобы прямоугольники в навигации плавно сменяли друг друга, а именно: когда происходит клик с НЕ активного слайда на АКТИВНЫЙ, то активный плавно уменьшается в ширине до размера неактивного, а неактивный одновременно плавн…

30
Июн
2021

Изменение текста в slick slider при свайпе

Есть js в котором работает счетчик слайда. При свайпе, следующему слайду, добавляется новый текст. Вопрос: как изменить опять текст, при свайпе назад.
<span class="name-itm">Текст</span>

var $slider = $(‘.slider’);

09
Апр
2021

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

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

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

08
Апр
2021

Помогите расположить элементы рядом друг с другом, пожалуйста!

Проблема заключается в том, что когда я использую slick-slider, то он разбивает мою верску, и вместо того чтобы сделать 2 элемента в 1 строку, он разбивает их на 2. Помогите пожалуйста, печенек накину

$(document).ready(function(){

08
Апр
2021

Помогите расположить элементы рядом друг с другом, пожалуйста!

Проблема заключается в том, что когда я использую slick-slider, то он разбивает мою верску, и вместо того чтобы сделать 2 элемента в 1 строку, он разбивает их на 2. Помогите пожалуйста, печенек накину

$(document).ready(function(){

12
Мар
2021

Активный слайд на slick js

Всем привет. Имеется такой сея слайдер (ссылка)
Не пойму как сделать чтобы отслеживался активный слайд при нажатии на стрелки. То есть должен выделяться активный слайд внизу.
Подскажите пожалуйста, если кто знает.
Всем спасибо.
https://cod…

15
Фев
2021

Плавная анимация для пагинации slick js

Как можно сделать более плавную анимация для переключения пагинации. На данный момент сделал так. Сама пагинация немного дергается и переходы слишком резкие.

$(document).ready(function(){
//инициализируем слайдер
$(‘.my-slider’…

11
Фев
2021

Как удалить класс .m-active после прокрутки всех слайдов на слайдере?

Используется слайдер библиотеки Slick Slider. Установлены кастомные кнопки навигации. При появлении каждого нового слайда к последующей кнопке добавляется класс .m-active. Как сделать, чтобы после прокрутки всех слайдов, класс .m-active уб…

04
Фев
2021

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

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

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

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

17
Янв
2021

Как реальзовать слайдер с затемнением элементов на основе slick-slider?

Пытаюсь сверстать макет сайта и дошёл до секции со слайдером на макете она выглядит следующим образом:
Решил использовать slick-slider но никак не могу понять как можно реализовать то чтобы следующий и предыдущий элементы отображались как …

15
Янв
2021

Два Slick слайдера на странице: нужно вывести описание слайда + оптимизировать js

Есть 2 независимых друг от друга slick слайдера на одной странице.
Тут накидала примерный код: https://codepen.io/tatishas/pen/RwGemRb

$(function () {
let $sliderIntro = $(“.slider__items”);
let sliderCounter = document.createEleme…

04
Янв
2021

При подключении slick slider, box-shadow на элементах уже не тот (см. скрин)

box-shadow сам по себе вот такой (картинка выше)
При добавлении слайдера, он становится вот таким:
Я про серые участки между слайдами. Почему так происходит и как исправить, чтобы было как на первом скрине?

Код – кода не будет… на кодп…

13
Дек
2020

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

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