从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。