jQuery幻燈片加載隨機隨機圖像順序

Question

我有一個簡單的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>

我現在想做的是使它們隨機化。 由於此幻燈片位於我頁面的標題中，因此每次用戶導航到其他頁面時，幻燈片都會從頭開始。

我要使圖像以隨機順序顯示。

任何幫助將是巨大的！

Answer 1

嘗試這種邏輯

<body onload="document.body.background = '/images/img'+Math.floor(Math.random()*4)+'.jpg';" />

或嘗試使用此功能

$.fn.randomImage = function (){
var $imageNumber = 8, 
// Set the amount of images in the Sprite
$height = $('> div', this).innerHeight(),
$random_num = Math.random() * $imageNumber - 1,
$multiple = Math.round($random_num),
$random = $height * $multiple
jQuery('.image').css( 
{'background-position' : '0px -' + $random + 'px',  'display' : 'block' } 
)};

接着

jQuery('#image-container').randomImage();

參考

隨機圖像
另一個

Answer 2

我在http://yelotofu.com/labs/jquery/snippets/shuffle/jquery.shuffle.js中找到的jQuery插件可能可以解決問題。 它將所有選定的元素混洗。 這里還有一個演示：http: //yelotofu.com/labs/jquery/snippets/shuffle/demo.html 。

用法類似於$('#imagediv').shuffle();

jQuery幻燈片加載隨機隨機圖像順序

問題描述

2 個解決方案

解決方案1
0 2011-05-20 06:48:45

解決方案2
0 2011-05-20 07:05:47

jQuery幻燈片加載隨機隨機圖像順序

問題描述

2 個解決方案

解決方案1 0 2011-05-20 06:48:45

解決方案2 0 2011-05-20 07:05:47

解決方案1
0 2011-05-20 06:48:45

解決方案2
0 2011-05-20 07:05:47