How to implement like gallery?

Good time of day.
Can anyone suggest how to implement this?
Trying to figure out what the slider here to connect. The problem is that the elements from the main right and left are not the same number) and that will need to implement switching the left the descriptive part, depending on which slide is active..
For the tips I will be grateful.
5c9a40f619b00093089696.png
March 19th 20 at 08:42
2 answers
March 19th 20 at 08:44
Yes, there is a slick and swiper fit
And as you say slick stylize and customize it so that on the left was one slide,and on the right is 2(well, plus the active center)? And one more question, and then how to reach the active slide and on the basis of what he is to toggle the description on the left? - casimer_Wyman32 commented on March 19th 20 at 08:47
@casimer_Wyman32,
1) the left and right by 1 display a property of the center padding, Potos printing to show 2 slides and playing with the classes slick-current and slick-active via css.
2) to initialize the slider You will need to count the slides in any case, here at the same time (to initialize) put data attributes with numbers of sliders. Order by clicking on the slide using the method slickGoTo to switch the slider.
Can be implemented as one slider and 2 (in one picture in another text) - Audreanne_Kuhlman commented on March 19th 20 at 08:50
@Audreanne_Kuhlman, Approximately I realized. And thought about realized, that's just the first paragraph of the answer - we need the design to the left of the active slide was a single slide, and the right two. As it is slick to implement?I have not found there.. - casimer_Wyman32 commented on March 19th 20 at 08:53
@casimer_Wyman32,
slidesToShow: 2,
centerMode: true,
centerPadding: '60px', (pick pixels or %) - Audreanne_Kuhlman commented on March 19th 20 at 08:56
@Audreanne_Kuhlman, I probably don't understand..in this case will be shown two slides, but in fact you need 4!One active, which increased the image size, one left and two right of it.Or I came..-) - casimer_Wyman32 commented on March 19th 20 at 08:59
@casimer_Wyman32,
slidesToShow: 2, // showed 2
centerMode: true,
centerPadding: '60px', // here put better in % is the number 2 to be seen - Audreanne_Kuhlman commented on March 19th 20 at 09:02
@casimer_Wyman32,
You
slidesToShow: 4,
centerMode: true,
centerPadding: '0',
Then just watch the classes and work with them. On idea should work - Audreanne_Kuhlman commented on March 19th 20 at 09:05
@Audreanne_Kuhlman, OK. Will try it. How to tie a then the text description on the left for each slide?Rather, the question is how to get to the active slide, and to it attribute to display it for example on the principle of the tabs the description of the slide.. - casimer_Wyman32 commented on March 19th 20 at 09:08
@casimer_Wyman32if you have no idea how all-in-one slider to put take 2 and tie with asNavFor - Audreanne_Kuhlman commented on March 19th 20 at 09:11
@casimer_Wyman32, the Active slide in the slick, sort of .slick-current is assigned. it is possible to directly in the slide to fit the description, to make the display non, or something like that, and slick-current clone in the left block. - mittie_Rueck commented on March 19th 20 at 09:14
@Audreanne_Kuhlman, a vivid example of how seemingly innocent wishlist of the designer leads to prolonged haemorrhoids coder) - mittie_Rueck commented on March 19th 20 at 09:17
@Audreanne_Kuhlman, Try active slide in the slick, sort of .slick-current is assigned. it is possible to directly in the slide to fit the description, to make the display non, or something like that, and slick-current clone in the left block. - mittie_Rueck commented on March 19th 20 at 09:20
@Audreanne_Kuhlman, Tried. Could bring 4, but the problem is that centerPadding when you do, it the active slide moves to the right, not left and right it does not work to push..Have thought about this?And Yes, prncipe turns out gradually what you need - casimer_Wyman32 commented on March 19th 20 at 09:23
@mittie_Rueck, I Agree, that's just a pain in the ass was delayed..any idea how to do so? - casimer_Wyman32 commented on March 19th 20 at 09:26
March 19th 20 at 08:46
Vendor any know if you change the slide to change the content on the left and the numbers. And slide appoint additional class to increase it and set the background. slick can handle this.
And again the question is how to style to the left of the active slide was a single slide, and the right two..I'm slick like it was found. - casimer_Wyman32 commented on March 19th 20 at 08:49
@casimer_Wyman32, the slider only on the right. on the left you have a set of hidden units, one of which you show. - Xavier commented on March 19th 20 at 08:52
@Xavier, It's like?do not fully understand the idea.. - casimer_Wyman32 commented on March 19th 20 at 08:55
@casimer_Wyman32, read the documentation for the slider to have an idea about its capabilities. - Xavier commented on March 19th 20 at 08:58
@Xavier, We are probably not talking about single. Here there is an active slide, which is more than all the rest, to the right two images(a slide), and the left one. As the slick ask?He gives when initializing a number of blocks and sets the active slide in the center!Am I not right? - casimer_Wyman32 commented on March 19th 20 at 09:01
@casimer_Wyman32, do and see what and where he puts the number of displayed slide is also adjustable.

read the documentation for the slider to have an idea about its capabilities.
- Xavier commented on March 19th 20 at 09:04
@Xavier, the Number that is regulated, but how to make it active and slightly larger second from left of four is still not clear...Even after reading your documentation. - casimer_Wyman32 commented on March 19th 20 at 09:07

Find more questions by tags SliderJavaScript