Tagged: slider-slick.js

20
Июл
2021

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

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

06
Июл
2021

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

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

30
Июн
2021

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

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

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

19
Фев
2021

Подключила slick-carousel к проекту, а он неправильно работает. Пропадает, появляется, скроллит по всей страничке. HELP

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

08
Фев
2021

Проблема со slick slider

Пытался сделать вертикальный слайдер с помощью slick и прокручиваются все картинки. Приложенный фрагмент кода вроде бы неправильно отображается.[![slick слайдер

$(document).ready(function() {
$(‘.slider3-for’).slick({
slidesToSho…

04
Янв
2021

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

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

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

13
Дек
2020

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

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

10
Ноя
2020

Подскажите, пожалуйста, как по клику отображать/скрывать нужный слайдер?

У меня есть список, по клику на элемент списка у меня отображается нужный слайдер(использую slick-slider). Если повторно нажать на элемент списка, слайдер ломается: отображаются иконки кнопок слайдера вперед/назад вместо слайдов. Переключе…

27
Окт
2020

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

Как деактивировать Slick Slider слайдер при нажатии на кнопку?
Есть команда, которая позволяет при определенном медиа-запросе "разрушить" слайдер settings: "unslick",, но честно, говоря, не понимаю как её применить для …

14
Сен
2020

Проблема slick-slider, ломает верстку

Как вообще адаптируются такие ситуации? Просто слайдер ломает блок, и текст ломается также. Я в маленьком ступоре подскажите что можно сделать.Блок просто уходит в право, и не при каком уменьшении это не фиксистся. Помогите любым советом! …

05
Сен
2020

Taбы внутри Slick Slaider

10-15 табов должно быть на странице. Расположены должны быть в карусели и отображаться по 5шт. Делаю через slick слайдер.
При загрузке страницы отображается первый таб, при нажатии на соседний выводится текст аж шестого блока, при возврате…

27
Авг
2020

Не отображается id элемента, но id задан

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

28
Июл
2020

Как сделать высоту слайдера, зависящую от высота слайдов?

Есть Slider Syncing, нижний слайдер берет общую высоту по максимальному значению самого длинного слайда, в данном случае этого:

На остальных слайдах остается куча свободного места:

Как лечить?

22
Июл
2020

Как управлять видимостью слайда, если он сохраняется в кэше?

У меня в wp есть скрипт, который отключается видимость слайда, выглядит это так:

Слайд отключается ровно на секунду, но потом опять появляется, так как slick slider генерирует его заново (вероятно из кэша) , возможно ли как то его отключа…

26
Июн
2020

Как сделать двойную пагинацию в slick slider?

Нужно сделать двойную пагинацию сверху и снизу с помощью slick slider
Как должно это выглядеть? Вот так:

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

13
Июн
2020

Почему slick slider работает не исправно?

При наличии в HTML трех слайдов он показывает их 7 хотя всего их 3, а остальные 4 с классом клон. Задал родителя в файле js (перед этим подключив как сам слайдер так и jQuery) самих item’ов надеясь что слайдер будет работать но все слайды …

06
Июн
2020

Почему Slick Slider внутри табов разворачивается не полностью?

Почему Slick Slider внутри табов разворачивается не полностью?
На первой таб-вкладке все функционирует сразу, но при нажатии на вторую аналогичный слайдер необходимо один раз прокрутить, чтобы он раскрылся на всю свою шириину.
Сайт: https:…

08
Май
2020

наложение иконок друг на друга в слайдере на slick.js

У меня есть автоматический слайдер с иконками, сделанный средствами slick. Слайдер отлично работает, и причем адаптивный уже. НО есть один маленький нюанс, который портит всю общую картину. Заключается она в следующем – при старте и ресайз…

07
Май
2020

непонятная причина наложения иконок друг на друга в слайдере на slick.js

У меня есть автоматический слайдер с иконками, сделанный средствами slick. Слайдер отлично работает, и причем адаптивный уже. НО есть один маленький нюанс, который портит всю общую картину. Заключается она в следующем – при старте и ресайз…