我需要一个响应式、高度可调节的轮播,显示移动网站的下一个和上一个内容的提示。经过一番研究,我找到了 bxslider,它几乎满足了我的所有需求。
不幸的是,我无法编写轮播并使其自动适应宽度。目前我只能强行通过丑陋的静态黑客,比如这个......
$('.bx-wrapper').first().css('max-width', '240px');
也许我选择的图书馆或我的方法是错误的,但我不知道如何在不自己编写轮播的情况下完成它......
我需要一个响应式、高度可调节的轮播,显示移动网站的下一个和上一个内容的提示。经过一番研究,我找到了 bxslider,它几乎满足了我的所有需求。
不幸的是,我无法编写轮播并使其自动适应宽度。目前我只能强行通过丑陋的静态黑客,比如这个......
$('.bx-wrapper').first().css('max-width', '240px');
也许我选择的图书馆或我的方法是错误的,但我不知道如何在不自己编写轮播的情况下完成它......
您将需要更新 bxslider 的宽度(最大宽度),以便响应可以流畅...
但是我为修复当前状态所做的是:
.galleryWrapper {
margin: 0 auto;
max-width: 240px;
}
.galleryWrapper .bx-viewport {
padding-left: 20px;
width: inherit !important
}
好的,我想出了一个解决方案,方法是添加/更改幻灯片宽度的计算以及幻灯片必须在库内滑动的数量。
在我完成本地更改后,我将在 github 上分享它。:)
更新:我将更改上传到 github ~> https://github.com/Gumbagubanga/bxslider-4/tree/develop