ランダムイメージをdivに表示

Question

ランダムイメージをプルしてdivに表示するこの素晴らしいプラグインが見つかりました。

のSe著者リンク、

http://www.robwalshonline.com/posts/jquery-plugin-random-image-on-page-load/

フェードインするために、ランダムな画像を取得することが可能ですか？

(function($){ 

    $.randomImage = { 
     defaults: { 

      //you can change these defaults to your own preferences. 
      path: 'images/', //change this to the path of your images 
      myImages: ['containerBg.png', 'containerBg2.png'] //put image names in this bracket. ex: 'harold.jpg', 'maude.jpg', 'etc' 

     }   
    } 

    $.fn.extend({ 
      randomImage:function(config) { 

       var config = $.extend({}, $.randomImage.defaults, config); 

       return this.each(function() { 

         var imageNames = config.myImages; 

         //get size of array, randomize a number from this 
         // use this number as the array index 

         var imageNamesSize = imageNames.length; 

         var lotteryNumber = Math.floor(Math.random()*imageNamesSize); 

         var winnerImage = imageNames[lotteryNumber]; 

         var fullPath = config.path + winnerImage; 


         //put this image into DOM at class of randomImage 
         // alt tag will be image filename. 
         $(this).attr({ 
             src: fullPath, 
             alt: winnerImage 
            }); 


       }); 
      } 

    }); 

コードを変更するにはどうすればよいですか？これにより

    $(this).attr({ 
            src: fullPath, 
            alt: winnerImage 
           }); 

：

    $(this).css('opacity',0.01).attr({ 
            src: fullPath, 
            alt: winnerImage 
           }).fadeIn(); 

Answer 1

は最後の数行を交換してください。 非常に短いFIDDLEです。

Answer 2

私はあなたがプラグインを必要としないと思う