如何縮放博客幻燈片上的圖像以適合滑動條？

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

所以。 您可以鎖定它。 謝謝。