带 bxslider 的居中幻灯片旋转木马答案

【问题标题】：Centered slide carousel with bxslider带 bxslider 的居中幻灯片旋转木马
【发布时间】：2014-03-06 08:13:34
【问题描述】：

我需要一个响应式、高度可调节的轮播，显示移动网站的下一个和上一个内容的提示。经过一番研究，我找到了 bxslider，它几乎满足了我的所有需求。

不幸的是，我无法编写轮播并使其自动适应宽度。目前我只能强行通过丑陋的静态黑客，比如这个......

$('.bx-wrapper').first().css('max-width', '240px');

也许我选择的库或我的方法是错误的，但我不知道如何在不自己编写轮播的情况下完成它......

【问题讨论】：

【解决方案1】：

您需要更新 bxslider 的宽度（到最大宽度），以便响应可以流畅...

但我为修复当前状态所做的是：

.galleryWrapper {
margin: 0 auto;
max-width: 240px;
}

.galleryWrapper .bx-viewport {
padding-left: 20px;
 width: inherit !important
}

【讨论】：

【解决方案2】：

好的，我想出了一个解决方案，方法是添加/更改幻灯片宽度的计算以及幻灯片必须在库内滑动的数量。

在完成本地更改后，我将在 github 上分享。 :)

【讨论】：

花了我一点时间。我的 bxSlider 前叉 (WIP) 中实施了更改：github.com/Gumbagubanga/bxslider-4/tree/develop
如果您编辑答案，我可以将我的投票更改为 +1，目前已锁定。