簡單的jQuery幻燈片 - 隨機下訂單

Question

我非常新手jQuery。幾乎不知道一件事。

在我的新極簡主義網站上，我使用了一個非常簡單的jQuery幻燈片，我喜歡它的工作原理。但是它缺少的一件事是隨機發射的能力。有人會與我分享什麼，我需要添加到代碼，使它做到這一點？

你可以看到它在我的網站www.twentyfivethree.com

<script> 
$(function(){ 
    $('.fadein img:gt(0)').hide(); 
    setInterval(function(){ 
     $('.fadein :first-child').fadeOut(2250) 
     .next('img').fadeIn() 
     .end().appendTo('.fadein');}, 
     7000); 
}); 
</script> 

Answer 1

使用本

<div id="wrapper"> 
     <img src="dog.jpg"> 
     <img src="cat.jpg"> 
</div> 


    $(document).ready(function(){ 
     var $imageArr = $('#wrapper img'), 
     imageArrLength = $imageArr.length, 
     randNum = Math.floor (Math.random () * imageArrLength + 1); 
     // show image that is nth child of image array 
     $imageArr.eq(randNum-1).show(); 
}