В этой скрипке я построил гладкую карусель, которая использует атрибут высоты и ширины тегов img (мне нужны эти атрибуты для функций, которые выходят за рамки этого вопроса).
JS:
$('.slider').slick({
draggable: true,
dots: true,
infinite: false,
arrows: true,
variableWidth: true,
variableHeight: true,
rows: 0,
})
CSS:
.slide img {
height: auto;
}
.slide {
margin: 0 0.25em;
}
Размеры отражаются, но, несмотря на то, что для параметра slidesToShow установлено значение 3, отображается более 3 изображений. Я думаю, что причина в том, что слайдер рассчитывается по собственным размерам изображения. Как я могу это исправить?