jquery - bxSlider - 高度和宽度设置

Question

我刚刚开始使用 bxSlider，但遇到了问题。我想要一个具有固定宽度(所有图像具有相同值)和自适应高度的 slider 。这是一项非常标准的任务，但我被困住了，我不知道该怎么办。现在 bxSlider 正在调整我的图像大小(它不应该这样做)并且高度是静态的。另一个问题是 slider 未在页面居中且宽度不正确。

示例尺寸不再可用。

这是我的 jQuery 初始化代码:

        $(window).load(function() {
        $('.bxslider').bxSlider({
            mode: 'fade',
            captions: true,
            pagerCustom: '#bx-pager',
            adaptiveHeight: true
        });
    });

相关的HTML代码可以在页面上找到(源代码第53行)。

编辑:

现在居中问题已解决，但 bxSlider 仍在将图像变形为具有相同的高度和相同的宽度。我只是希望它们具有相同的宽度(原始图像具有的宽度)和自适应的高度。

Answer 1

使用 bxslider 的页面中的 slideWidth 属性怎么样 options

The width of each slide. This setting is required for all horizontal carousels!

像这样:

$('.bxslider').bxSlider({
   mode: 'fade',
   captions: true,
   pagerCustom: '#bx-pager',
   adaptiveHeight: true,
   slideWidth: 150
});

已添加:

.bx-wrapper img {
    margin: 0 auto;
}