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