Javascript 如何使用Twitter引导转盘显示随机幻灯片集？

如何创建一系列幻灯片，然后只随机显示一定数量的幻灯片

例如，如果我设置如下数组：

var slides = [];
slides[0] = '<div class="item"><img alt="" src="/Slides/gallery.jpg"></div>';
slides[1] = '<div class="item"><img alt="" src="/Slides/item1.jpg"></div>';
slides[2] = '<div class="item"><img alt="" src="/Slides/forums.jpg"></div>';
slides[3] = '<div class="item"><img alt="" src="/Slides/featured.jpg"></div>';
slides[4] = '<div class="item"><img alt="" src="/Slides/sale.jpg"></div>';
slides[5] = '<div class="item"><img alt="" src="/Slides/discount.jpg"></div>';
slides[6] = '<div class="item"><img alt="" src="/Slides/gallery.jpg"></div>';
slides[7] = '<div class="item"><img alt="" src="/Slides/a.jpg"></div>';
slides[8] = '<div class="item"><img alt="" src="/Slides/b.jpg"></div>';
slides[9] = '<div class="item"><img alt="" src="/Slides/c.jpg"></div>';
slides[10] = '<div class="item"><img alt="" src="/Slides/d.jpg"></div>';

var-slides=[]；
幻灯片[0]=''；
幻灯片[1]=''；
幻灯片[2]=''；
幻灯片[3]=''；
幻灯片[4]=''；
幻灯片[5]=''；
幻灯片[6]=''；
幻灯片[7]=''；
幻灯片[8]=''；
幻灯片[9]=''；
幻灯片[10]=''；

我如何随机选择10个中的5个，然后将其输出到Twitter引导转盘

<div id="myCarousel" class="carousel">
    [Items go here, first one needs to get the class 'active']
</div>

[项目放在这里，首先需要让类“活动”]

我会用服务器端代码填写“项目转到此处”；忘记JS数组吧。例如，在PHP中，可以使用获取随机子集。否则。。。如果你真的想使用JS，那么随机挑选几个元素并将它们附加到你的div中。你可能必须使用API初始化carousal的后记。我本来打算给你一个答案，但事实证明，使用Javascript（没有插件）正确地洗牌数组比使用PHP等要困难得多，正如@Mark上面提到的那样。现在，您应该在服务器端执行此操作的另一个原因是，您将节省加载时间/资源，因为在随机选择之前不会返回所有可能性，并且您使用JS放置幻灯片，如果客户端禁用Javascript，它们将什么也看不到。至少如果你把它们放在HTML和PHP（等等）中，你会看到它们。除了其他人所说的，我只会把文件名放在你的数组中，而不是每个项目都有一大堆相同的HTML。循环浏览它们以在页面中呈现HTML，或者在服务器端执行。不过，该站点不是由PHP驱动的。此外，幻灯片的HTML将有所不同（文本等），但我只想展示一个基本示例。关于如何使用JavaScript、jQuery或特定插件实现这一点，您有什么建议吗？您肯定在使用服务器端语言吗？它不一定是PHP。我没有任何代码给你，真的没有太多。为循环编写标准，并附加每张幻灯片<代码>$（“#myCarousel”）。附加（幻灯片[i]）。然后初始化它，

$（'#myCarousel'）.carousel（）

。一旦你有了工作，就开始挑选一个随机的元素子集。