jQuery函数以随机顺序加载图像

时间:2013-06-21 09:07:34

标签: jquery

我找到了这个很好的功能,它按照从image1到图像4的顺序淡入和淡出内容。但是,如果我刷新页面以随机加载图像,那么这是可能的吗?

image2,image4,image,1 image3

我的想法是每次刷新页面时都有一个随机顺序。

$(function(){
 $('.fadein p:gt(0)').hide();
 setInterval(function(){$('.fadein > :first-    child').fadeOut().next('p').fadeIn().end().appendTo('.fadein');}, 3000);
}); 

HTML

<div class="fadein">
 <p>image1</p>
 <p>image2</p>
 <p>image3</p>
 <p>image4</p>
</div>

1 个答案:

答案 0 :(得分:3)

如果您对此轻量级插件没有问题,You can try this plugin

 $(document).ready(function() {
       $(".fadein").shuffle();
 });