Jquery Slideshow 加载随机随机图像顺序
我有一个简单的 Jquery 幻灯片,它使图像列表一个接一个地淡出。
<script type="text/javascript">
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){
$('.fadein :first-child').fadeOut(3000)
.next('img').fadeIn(3000)
.end().appendTo('.fadein');},
3000);
});
</script>
我现在想做的就是让它们随机化。由于此幻灯片位于我的页面标题中,因此每次用户导航到不同页面时,幻灯片都会重新从头开始。
我想让图像以随机顺序显示。
任何帮助都会很棒!
I have a simple Jquery slideshow, that fades a list of images one after the other.
<script type="text/javascript">
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){
$('.fadein :first-child').fadeOut(3000)
.next('img').fadeIn(3000)
.end().appendTo('.fadein');},
3000);
});
</script>
What I want to do now is to make them randomized. As this slideshow is in the header of my page, every time a user navigates to a different page the slideshow starts from the beginning again.
I want to make it so that the images show in random order.
Any help would be great!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
尝试使用此逻辑
或尝试使用此函数
,然后
参考
随机图像
另一个
try with this logic
or try with this function
and then
Reference
random images
another
我在 http://yelotofu.com/labs/jquery 找到的 jQuery 插件/snippets/shuffle/jquery.shuffle.js
可能会成功。它会打乱所有选定的元素。这里还有一个演示: http://yelotofu.com/labs/jquery/snippets /shuffle/demo.html。
用法类似于
$('#imagediv').shuffle();
The jQuery plugin I found at http://yelotofu.com/labs/jquery/snippets/shuffle/jquery.shuffle.js
might do the trick. It shuffles all the elements selected. There's also a demo here: http://yelotofu.com/labs/jquery/snippets/shuffle/demo.html.
Usage is like
$('#imagediv').shuffle();