jQuery Backstretch - 使用圖像的src屬性創建幻燈片

Question

我使用jQuery Backstretch的幻燈片功能。我將跨越多個頁面使用它，所有頁面都有不同的圖像集。我認爲查看包裝元素中的圖像，獲取src屬性，然後將它們插入到$.backstretch()函數中會更有意義。

我從來沒有擅長數組，但我想象這就是我需要創建這個工作。

我發現了一個如何完成這個的例子，如果你只使用一個圖像，但我想使用兩個或更多，所以我可以利用幻燈片功能。

下面是它如何可以只用一個圖片來實現的例子：

HTML

<img src="/media/img/test.jpg" id="bgimg" /> 

JS

var imgObj = $("#bgimg"); 
var imgSrc = imgObj.attr("src"); 
imgObj.remove(); //remove original image from dom 

$.backstretch(imgSrc, {centeredX:true, centeredY:true}); 

謝謝！

Answer 1

循環利用項目的每個功能，那麼他們推到一個數組

var list = new Array() ; 
     $('OBJECT PATH').each(function(){ 
     list.push($(this).attr("src")); 
     $(this).remove(); 
     }); 

     $.backstretch(list, {centeredX:true, centeredY:true}) ;