從HTML動態提供幻燈片圖片（jQuery地圖/獲取）

Question

我爲我的背景幻燈片使用了真棒插件jQuery BackStretch。這是如何將圖像傳遞給它的常用方法。

$.backstretch([ 
    "http://dl.dropbox.com/u/515046/www/outside.jpg", 
    "http://dl.dropbox.com/u/515046/www/garfield-interior.jpg", 
    "http://dl.dropbox.com/u/515046/www/cheers.jpg" 
], {duration: 3000, fade: 750}); 

我不想通過硬編碼爲它提供圖像，但我希望函數能夠抓住我的PHP在該容器內生成的內容。這是迄今爲止我所擁有的。

var images = $('#background img').map(function() { return this.src; }).get(); 
$.backstretch([$images], {duration: 3000, fade: 750}); 

而且，很顯然，不能正常工作 - 根據螢火，可變圖像沒有定義（？）。雖然如果我「提醒」這個變量，它會顯示逗號分隔的圖像。

任何想法我做錯了什麼？謝謝！

Answer 1

這應該就夠了。 backstretch期望第一個參數是一個引用圖像的字符串數組。

$(document).ready(function() { 
    var images = []; 

    // iterate over your selection 
    $('#background img').each(function() { 
     // save source to list 
     images.push(this.src); 
    }); 

    // use plugin 
    $.backstretch(images, {duration: 3000, fade: 750}); 
}); 

而且我假設你的HTML是這樣的......

<div id="background"> 
    <img src="http://dl.dropbox.com/u/515046/www/outside.jpg" /> 
    <img src="http://dl.dropbox.com/u/515046/www/garfield-interior.jpg" /> 
</div>