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

标签 jquery

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

图像2,图像4,图像,1 个图像3

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

$(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>

最佳答案

如果您对这个轻量级插件没有任何问题,You can try this plugin

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

关于jQuery 函数以随机顺序加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17231450/

相关文章:

jquery - chrome 应用程序-内容安全策略-jquery datepicker() 不起作用

javascript - 复制对象数组

javascript - 使 JS 幻灯片的第一张幻灯片持续时间更长

javascript - 使用 grep 在 json 中搜索

jquery - 使用 jQuery 在右上角带有上一个和下一个箭头的水平内容 slider

javascript - 如何确保在特定的 div 中至少选中一个复选框?

javascript - 在一个选择标签中显示 JSON 对象

jquery - 循环一个 jQuery 字体大小的动画

php - 在多个文件 uploader 中验证 JS 中的多种图像格式

PHP/jQuery : Fadein/refresh after insert