Слик слайдер обрезает фотку, как исправить?

Question

[Константин]

Установил слик слайдер, в нижнем слайдере режет первое и последнее фото.



Для первого фото нашел строку:

<div class="slick-list draggable" style="padding: 0px 50px;">

Но где править не пойму, а также как изменить размер нижних изображений?

Сайт gradk.com/ver3.html

Comments

[iBird Rose]

так работает centerMode. с этим ничего не сделашеь. либо убирай centerMode.
размер высчитывается автоматически в зависимости от выставленного slidesToShow. можешь использовать variableWidth. но там тоже обрезаться будет

[iBird Rose]

Константин, ну тк возьми да посмотри как у них.
https://spbkater.ru/wp-content/themes/spbkater/js/... найди тут .single-gallery

[Константин]

iBird Rose, помогло! спасибо!

Answer 1

[Kirito Kirigaya]

Я когда-то подрубал его и прописывал вот этот код..
slidesToShow: 3, //сколько слайдов показывать в карусели
slidesToScroll: 3 // сколько слайдов прокручивать за раз

$(function() {
    $('.slider__inner').slick({
        autoplay: false,
        autoplaySpeed: 2000,
        slidesToShow: 1,
        slidesToScroll: 1,
        fade: true,
        asNavFor: '.thumbs',
        arrows: true,
        responsive: [{
            breakpoint: 502,
            settings: {
                dots: true,
            },
        }]
    });
    $('.thumbs').slick({
        slidesToShow: 5.9,
        slidesToScroll: 1,
        asNavFor: '.slider__inner',
        dots: false,
        arrows: false,
        focusOnSelect: true,
        infinite: true,
        responsive: [{
            breakpoint: 828,
            settings: {
                slidesToShow: 5,
            },
        }, {
            breakpoint: 638,
            settings: {
                slidesToShow: 4,
            },
        }]
    });
});