用jQuery替換img標籤使用JavaScript替代幻燈片

Question

我有一個用jQuery編寫的幻燈片腳本，它目前從我的HTML代碼中的img標籤中提取我的圖像的URL。你可以在這裏找到我的工作代碼http://jsfiddle.net/F4uhJ/。

我想讓我的代碼從JavaScript而不是img標籤中獲取URL。例如：

0:"image-url", 
1:"image-url", 
2:"image-url", 
3:"image-url", 
4:"image-url", 

我該如何將這個代碼嵌入到我當前的代碼中？再次，鏈接是http://jsfiddle.net/F4uhJ/。

Answer 1

類似這樣的http://jsfiddle.net/niklasvh/F4uhJ/13/？

編輯位：

var imgarray = ['http://img.wallpaperstock.net:81/king-john%27s-castle-wallpapers_4579_1600x1200.jpg', 
      'http://news.satimagingcorp.com/wp-content/uploads/2007/07/colosseum_in_rome_italy_-_april_2007.jpg' 

      ]; 


     $.each(imgarray,function(index,item){ 
      var child = $('<img />').attr('src',item).appendTo(slider); 

      var childHeight = child.height(); 
      if(childHeight > slider.height()){ 
       slider.height(childHeight); 
      } 
      child.css('display','none'); 
     }); 

     var kids = slider.children();