Как сделать слайдер slick.js с 5 слайдами в одном ряду? ⇐ Jquery

[Anonymous]

Как сделать слайдер slick.js с 5 слайдами в один ряд?
Как должен выглядеть слайдер:
ibb.co
Я использую классы, чтобы добавлять классы к двум последним боковым слайдам. Что эти слайды будут меньше.
Я использовал CSS: Transform: Scale
Мой код JS:

Код: Выделить всё

on( 'afterChange', function( event, slick, currentSlide ) {

$( '.slick-slide' ).removeClass( 'side-smaller-left side-smaller-right' );

var parent = $( '.our_certificates_carousel' );
parent.find( '.slick-active' ).eq( 0 ).addClass( 'side-smaller-left' );
parent.find( '.slick-active' ).eq( parent.find( '.slick-active' ).length - 1 ).addClass( 'side-smaller-right' );
} ).on( 'beforeChange', function( event, slick, currentSlide ) {
// Remove the class from all slides
$( '.slick-slide' ).removeClass( ' ' );
var parent = $( '.our_certificates_carousel' );

parent.find( '.slick-active' ).eq( parent.find( '.slick-active' ).length - 1 ).addClass( 'side-smaller-right' );
} )

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

Подробнее здесь: https://stackoverflow.com/questions/790 ... in-one-row