Javascript bxSlider中不考虑宽度

我正在尝试用jQuery插件bxSlider制作幻灯片

最终，我要实现的目标是：

虽然我刚刚在网上找到了那张照片。我不太担心滚动条。 我只想3张图片中的2张离开页面。bxSlider有一个选项来设置幻灯片的宽度（slideWidth），我希望该宽度是图像的宽度：680px

但是，3张幻灯片的容器无法以正常宽度容纳所有3张幻灯片，因此它会将每张幻灯片的最大宽度设置为$（window）.width（）/3，然后将其作为内联样式应用，因此我无法覆盖它。如果我将该值更改为较小的值，则它可以正常工作，并且很好地适合容器，但我需要它离开视口

基本上，这就是我想要实现的目标，除了尺寸问题，我还有90%的目标：

上面链接的网站使用相同的jQuery插件

这是我的密码：

HTML:

我是否遗漏了可以选择最大宽度或其他选项的内容？我一定在选项页面上浏览了好几个小时，没有发现任何东西……我也在谷歌上搜索了很多，但不确定我问的问题是否正确

---

任何帮助都将不胜感激。

好的，所以我的问题是包含元素

基本上，我必须添加2个包含div的函数。我的HTML现在如下所示：

<div class="slider-outer-container">
        <div class="bx-slide-container">
            <ul class="bx-slides">
                <li><img src="images/1.jpg" title="THis is a really cool car you should buy it blablabla" /></li>
                <li><img src="images/2.jpg" title="blqblqbql qblqblq qblqblq blq blablabla" /></li>
                <li><img src="images/3.jpg" title="loajs dljas dlajsd alsjd alsjd laj"/></li>
            </ul>
        </div>
    </div>

如果需要将所有内容居中，请去掉第一个容器中的宽度

Javascript与原始问题中的完全相同

很明显，我的div命名技能可以做一些改进，但这解决了我的问题

希望这能帮助其他想做同样事情的人

$(document).ready(function(){

$('.slide-container').bxSlider({
        auto: true,
        useCSS: false,
        pager: false,
        controls: false,
        autoHover: true,
        minSlides: 3,
        maxSlides: 3,
        slideWidth: 680,
        slideMargin: 0,
        preloadImages:"visible",
        moveSlides: 1,
        captions: true,
        responsive: false
    });

});

<div class="slider-outer-container">
        <div class="bx-slide-container">
            <ul class="bx-slides">
                <li><img src="images/1.jpg" title="THis is a really cool car you should buy it blablabla" /></li>
                <li><img src="images/2.jpg" title="blqblqbql qblqblq qblqblq blq blablabla" /></li>
                <li><img src="images/3.jpg" title="loajs dljas dlajsd alsjd alsjd laj"/></li>
            </ul>
        </div>
    </div>

.slider-outer-container{
    overflow:hidden;
}
.bx-slide-container{
    width:3120px;
    margin-left:-1040px;
    margin-right:-1040px;
}