我有一系列的图像可以加载到旋转木马上,而且效果很好。问题是,每次加载页面时,轮播都会在相同的图像上启动。
将起点随机化的最佳方法是什么?为了获得额外的功劳,我如何随机化图像序列?
以下是jsFiddle上的示例设置。
答案 0 :(得分:4)
这是我想出的。 @codemonkey对随机启动有同样的想法:
$('.item').eq(Math.floor((Math.random() * $('.item').length))).addClass("active");
答案 1 :(得分:3)
生成一个随机数(在您的范围内)并动态设置div项的“active”属性,而不是始终将其设置为第一个项目。
要随机显示下一张图片,请再次生成一个随机数,然后拨打.carousel(number)
以跳转到该图片。