我有很多小图片的容器。
<div id="container">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
...
<img src="100.jpg" />
</div>
我不透明度设置为0（不hidding），那么我想半秒后显示（淡入）随机图像。 例如第5，第1，第55届...
任何建议，感谢名单了很多
Answer 1:
试试这个
<script type="text/javascript">
//generate random number
var randomnumber=Math.floor(Math.random()*$("#container").children().length);
$(function() {
//hide all the images (if not already done)
$("#container > img").hide();
//set timeout for image to appear (set at 500ms)
setTimeout(function(){
//fade in the random index of the image collection
$("#container > img:eq(" + randomnumber + ")").fadeIn();
}, 500);
});
</script>
Answer 2:
把一个id到每一个图像，以数字模式，然后褪色用随机生成的ID的图像，使用的Math.random从JavaScript
function getImage(minim,maxim) {
return "img" + Math.round(Math.random()*(maxim-minim)+minim);
}
Answer 3:
如果你想开始在半秒钟后褪色，或在半秒淡入目前尚不清楚（我）。 然而，随着褪色打算在半秒之后 。 如果你想以其他方式做到这一点，只是忽略了与setTimeout的东西（）
你想要做什么的一般描述是：
创建一种功能，当页面加载时调用半秒（setTimeout的）后，
该函数应该产生一个随机数，用最小为0，并且最大值为#container的元件减1的孩子的数目
褪色的#container的孩子由随机数提供的索引。
Pusdo代码（这是一个很长的时间，因为我做了什么用jQuery。或JavaScript为此事）
function onDocumentReady(){
setTimeout(500, "fadeInRandom()");
}
function fadeInRandom(){
var numElements = $("#container").children().length;
var randomElem = Math.random() * (numElements-1);
$("#container").children()[randomElem].fadeIn();
}
Answer 4:
如果你想淡入，而不是所有的图片，那里有没有必要使用所有的随机的东西，只是cicle和延迟500毫秒之间的1秒的随机数。 你必须把隐藏功能反正。 或使用不透明度动画CSS。
$('#container img').each(function(index) {
$(this).delay( Math.random()*500+500 ).fadeIn();
});
你不会找到任何简单得多，并且具有相同的效果
Answer 5:
我会用生成的创建图像的“SRC”属性，并建立相应的jQuery选择随机数：
setInterval ( showRandomImage, 500 );
function showRandomImage()
{
var randNo = Math.floor(Math.random() * 101);
$("#container > img[src=" + randNo + "'.jpg']")
.animate({opacity: 0}, 500).fadeIn('slow');
}
文章来源: jQuery randomly fadeIn images
