K
K
kiruyshka2018-02-12 15:05:35
Slider
kiruyshka, 2018-02-12 15:05:35

Slick, how to make zoom effect?

Hello! Please help me with the next question.
It is required to make a slider with scale effect like here Slider
213563230_d61cf7418d39478041e67f4b57e893
settings

$('.pitem-slider').slick({
                slidesToShow: 3,
                centerMode: true,
                arrows:false,
            });

Problems:
1. How to make it so that there are only 3 elements when scrolling? When centerMode is on, do pieces of the following elements appear from the edges?
5a8180735af87677375011.png
2. When specifying scale(1.2) on the central element, and the other 0.85 for example, then the logic of indents is lost and they just run into each other.
5a8182d22823f280037905.png
Has anyone solved such a problem using slick? Tell me how to do it right? Or maybe there is a ready-made such slider?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
K
kiruyshka, 2018-02-13
@kiruyshka

I found a solution, maybe it will be useful to someone
1. It is solved by parameter 2. Inside the slider elements, a div is made with a width of 80% and margin: auto, for the central element, accordingly, width: 100% is written.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question