javascript - 画像パスのjson配列から画像を表示

Question

だから私は次のようにphpから配列を取得します:

<?php
$images = glob('../images/intro/*.{png,jpg,jpeg}',GLOB_BRACE);
//Encode Javascript Object Notation
echo json_encode($images);
?>

次に、jquery を使用して配列を取得し、デコードします。

$.ajax({

   url: 'ajax/intro.php',

   success: function(data){

   //Decode the received array                    
   data = JSON.parse(data);
   //read each image path from the array
   $.each(data, function(index, value) {
      setTimeout(function() {
         $('.container').fadeIn(500, function() {
            $(this).delay(500).fadeIn(500, function(){
               alert(value);
               //Want to display each image inside the div with class container!
               //The tag img doens't exist I belive I should do something like:
               $('.conatiner').append('<img src=\"'+value+'\" />');
            });
         })
      }, index * 1500);
    });
   }

});

これは機能していますが、警告メッセージの直後に画像を表示したい (警告メッセージはテスト目的のためだけです)、どうすればそれを達成できますか?

また、画像を表示した後、フェードアウトしたいと思います...ここで助けていただければ幸いです。ありがとう、FCC。