jquery - シンプルなjqueryスライドショー - 順序をランダムにする

Question

私はjqueryで非常に初心者です。かろうじて物事を知っています。

私の新しいミニマリスト サイトでは、非常にシンプルな jquery スライドショーを使用しています。しかし、欠けていることの 1 つは、ランダムに発砲する機能です。これを行うためにコードに追加する必要があるものを誰かが私と共有しますか?

私のサイト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();
}