如何在twitter bootstrap轮播中随机化图像?

时间:2012-06-27 15:58:45

标签: jquery twitter-bootstrap

我有一系列的图像可以加载到旋转木马上,而且效果很好。问题是,每次加载页面时,轮播都会在相同的图像上启动。

将起点随机化的最佳方法是什么?为了获得额外的功劳,我如何随机化图像序列?

以下是jsFiddle上的示例设置。

2 个答案:

答案 0 :(得分:4)

这是我想出的。 @codemonkey对随机启动有同样的想法:

$('.item').eq(Math.floor((Math.random() * $('.item').length))).addClass("active");

答案 1 :(得分:3)

生成一个随机数(在您的范围内)并动态设置div项的“active”属性,而不是始终将其设置为第一个项目。

要随机显示下一张图片,请再次生成一个随机数,然后拨打.carousel(number)以跳转到该图片。