简单的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();
}