Как масштабировать изображения в слайд-шоу моего блога, чтобы они соответствовали ползунку?
Я добавил слайд-шоу в 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
Так. Вы можете заблокировать это. Спасибо.