如何缩放博客幻灯片中的图像以适合滑动条？

Question

我在我的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会改变幻灯片中照片的大小，但这不是我想要的一切。我需要将我的幻灯片缩放以适合滑动条，此选项仅将其更改为图片的完整大小的百分比。

我该怎么做以使其适合滑动条？

Answer 1

我找到了我需要的东西。 在此：

imgAlign: 'xMidYMid slice',

我说这个：

imgAlign: 'xMidYFull slice',

和

slidePercent: 40

因此。你可以锁定它。谢谢。