javascript - 在 div 中设置随机 <IMG> 以拥有一个类

Question

我有一堆图像，一些 JS 代码在图像之间淡化。

事件图像，有一个“事件”类。

如何设置随机图像以使其在页面加载时永远不会从同一位置开始？

<div id="quote">
    <img class="active" src="http://dicktyler.com/dev/images/quote1.png" />
    <img src="http://dicktyler.com/dev/images/quote2.png" />
    <img src="http://dicktyler.com/dev/images/quote3.png" />
    <img src="http://dicktyler.com/dev/images/quote4.png" />
</div>

Answer 1

你可以这样做:

var items = $('#quote img');
var random = Math.floor(Math.random() * items.length);
items.eq(random).addClass('active');

JSFiddle Demo

这将生成一个介于 0 和 img length 之间的数字，在本例中为 4。然后我们可以使用 eq() 来选择带有我们随机生成的数字的图像。