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

Я добавил слайд-шоу в Blogger (я скачал тему со слайд-шоу) и хочу отредактировать эту тему. Я застрял на картинке размером этого слайда.

Я нашел этот код:

var slider1 = new skewSlider('#main-slider', {
    height: 450,
    imgAlign: 'xMidYMid slice',
    slidePercent: 50,
    visibleSiblings: 1,
    navigationArrows: false,
    siblingsNavigation: true,
    navigationDots: false, 
    slideShow: 5000, 
    navigationArrows: true,
    slideMargin: 0,
    skew:-15,

    breakpoints: {
        tablet: {
            maxWidth : 1024,
            slidePercent : 60,
            height:350,
            showCaption: false,
            skew:0
        },
        phone: {
            maxWidth : 600,
            slidePercent : 70,
            height:300,
            skew:0
        }
    }
});

Я обнаружил, что вариант slidePercent изменяет размер фотографий в моем слайд-шоу, но это не все, что я хочу. Мне нужно, чтобы мой слайд масштабировался так, чтобы он помещался на панели слайдов, и этот параметр изменяет его только на процент от полного размера изображения.

Как мне сделать так, чтобы он соответствовал ползунку?

1 ответ

Я нахожу то, что мне нужно. На этом:

imgAlign: 'xMidYMid slice',

Я положил это:

imgAlign: 'xMidYFull slice',

а также

slidePercent: 40

Так. Вы можете заблокировать это. Спасибо.

Другие вопросы по тегам