bxSlider中未遵守宽度
我正在尝试使用jQuery插件bxSlider制作幻灯片。
最终我想要实现的是： http ： //i.imgur.com/yae1Gvy.jpg
虽然我刚刚在网上找到了这个图片。 我不太担心滚动条。 我只想让3张图片中的2张离开页面。 bxSlider有一个选项来设置幻灯片的宽度（slideWidth），我希望该宽度为图像的宽度：680px。
然而，3个幻灯片的容器不能以正常宽度适合所有3个幻灯片，因此它将每个幻灯片最大化为$（window）.width（）/ 3，然后将其应用为内联样式，因此我无法覆盖它。 如果我将值更改为较小的值然后它工作正常并适合容器，但我需要它离开视口。
从本质上讲，这就是我想要实现的目标，除了尺寸问题之外我还有90％： http ： //www.aucklanddj.co.nz/weddings
上面链接的网站使用相同的jQuery插件。
inheritance我的代码：
HTML：
使用Javascript：
$(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 }); });
我错过了有最大宽度选项的东西吗？ 我必须看了几个小时的选项页面而没有找到任何东西……也搜索了很多但不太确定我是否在问正确的问题。
任何帮助将不胜感激。
好的，事实certificate我的问题在于包含元素。
基本上我不得不添加2个包含div。 我的HTML现在看起来像这样：
和我的css这些容器：
.slider-outer-container{ overflow:hidden; } .bx-slide-container{ width:3120px; margin-left:-1040px; margin-right:-1040px; }
如果你需要居中，一切都摆脱了第一个容器的宽度。
Javascript与原始问题完全相同。
很明显，我的div命名技能可以做一些改进，但这解决了我的问题！
希望这可以帮助其他任何想要做同样事情的人。