所以我想做一个小图片库轮播。四张图片。您可以轮播到更多图像。我找到了 bxslider,它似乎是一种快速、即插即用的解决方案。但它每张幻灯片只显示一张图片。
我想我已经按照他们的指示去做了。但我显然做错了什么。
我没有动过他们的 css 和 js。我的 HTML 看起来像他们的副本。我把它放在他们的 js 文件的末尾:
$(document).ready(function(){
$('.bxslider').bxSlider({
mode: 'fade',
captions: true,
auto: true,
autoControls: false,
minSlides: 4
});
});
这是 jsfiddle:http://jsfiddle.net/7YH8Q/
有人知道我怎样才能让它工作吗?
最佳答案
问题是您没有设置 slideWidth。为了设置轮播,您必须提供 3 个值,即:slideWidth、minSlides、maxSlides。
这是一个工作 fiddle http://jsfiddle.net/hwQ6C/
$('.bxslider').bxSlider({
slideWidth: 200,
minSlides: 4,
maxSlides: 5,
slideMargin: 10
});
关于javascript - bxslider,用于图像轮播,似乎不适合我?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22823614/