以bxslider为中心的幻灯片旋转木马

时间:2013-09-06 17:04:28

标签: javascript jquery css responsive-design bxslider

我需要一个反复的,高度可调的旋转木马,显示移动网站的下一个和上一个内容的提示。经过一些研究后,我来到了bxslider,几乎满足了我的所有需求。

http://jsfiddle.net/8greL/1/

不幸的是,我无法写一个旋转木马并让它自动适应宽度。目前我只能通过丑陋的,静态的黑客攻击这个... ...

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

也许我选择的图书馆或我的方法是错误的,但我不知道如何在没有自己编写旋转木马的情况下完成它...

2 个答案:

答案 0 :(得分:0)

您需要更新bxslider的宽度(到最大宽度),以便响应能够流畅......

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

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

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

FIDDLE

答案 1 :(得分:0)

好的,我通过添加/更改幻灯片宽度的计算以及幻灯片必须在库内滑动的数量来提出解决方案。

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

更新:我将更改上传到github~> https://github.com/Gumbagubanga/bxslider-4/tree/develop