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

Question

我发现了这个很好的功能，它可以按从图像 1 到图像 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>

Answer 1

如果你对这个轻量级插件没问题，You can try this plugin

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