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

Question

[Павел]

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

Comments

[Максим]

mrusklon отчасти-прозрачный градиентик с таким переходом приделать к краю не вариант?

[Павел]

Максим: я тоже об этом подумал, но это наименьшая проблема, главное первый скрытый слайд до момента пролистывания

[Максим]

mrusklon: Почти понял вас. По вопросу не совсем понятно, что за "первый скрытый слайд". Я только понял, что надо крайний справа делать "замазанным".

[Павел]

Максим:

осмелюсь предположить что левый слайд которого сейчас нет тоже должен скрываться , но именно когда первый слайд активен , последнего (он же левый) мы видить не должны

[Максим]

mrusklon: тогда получается по 2 подложки с каждой стороны ¯\_(ツ)_/¯

[Павел]

Максим: ок кеп) как сделать чтоб когда активен первый слад , последнего (стартового левого) небыло видно

[Vitaliy]

где реализация слайдера?

[Kovalsky]

mrusklon: я ничего не понял в ваших объяснениях, но по вашей картинке складывается впечатление что вам нужно уменьшить ширину слайдера, приклеить его к правой стороне и убрать overflow.

[Павел]

Никита Полевой: а по логике как думаете что будет когда слайд пролистать?

[Kovalsky]

mrusklon: представления не имею. Вот пример со сликом, в котором всё сделано как я сказал. А чтобы первый слайд было не видно достаточно просто подвинуть слайдер на один слайд...

[Павел]

Никита Полевой: а когда первый слайд влево сдвинется его ведь так и не будет , а он должен быть joxi.ru/DmBJDBjUNdBzkm

[Kovalsky]

mrusklon: я еще раз перечитал все ваши комментарии и всё равно ничего не понял.

"когда активен первый слад , последнего (стартового левого) небыло видно" - а разве стартовый левый и первый это не один и тот же?

Краткие итоги:
1. Если нужно чтобы слайдер был изначально подвинут так, чтоб первого слайда не было видно, то надо сдвинуть слайдер на один слайд,
2. Если нужно что-то скрывать/показывать только после первого действия юзера со слайдером, достаточно после этого самого первого действия вешать на слайдер или на целевой элемент класс с нужными стилями.

Answer 1

[Сергей]

Один из вариантов сделать показ со второго слайда:
Если есть возможность поставить infinite: true, (прокрутку по кругу слайдов), то "первый слайд" поставить последним, и при нажатии стрелки назад покажется первый слайд как раз.
Плавное затемнение справа, можно сделать либо градиентом, либо блоком поверх слайда с фоновой картинкой, прижатой к правому краю слайдера.

Comments

[Павел]

infinite: true стоит , сейчас проблема в том что выглядит все вот так joxi.ru/p27R7ByU039oom

[Сергей]

mrusklon: ну во первых вам надо поставить показ за раз 3 слайдов, а не двух. На третий наложить градиент. А чтобы показывать со второго слайда, сделайте его первым, а скрытый первый последним. Тогда при клике стрелки "назад", он перейдет на первый скрытый слайд.

Answer 2

[drtvader]

Адаптив?
Задать slick-list левый маргин, а справа как писали выше, infinite, или через after задать градиент