首先從xml中讀取照片鏈接，然后使用Photoswipe打開它

Question

我要做的是將照片的鏈接保存到數組中，然后將其傳遞給photowiper，以便photowiper可以查看我的照片。

不幸的是，jQuery xml解析無法更改全局變量。 我可以在parseXml（xml）函數中更改全局變量的值。 然后，我可以將鏈接傳遞給函數（窗口，PhotoSwipe）。

 var cars = new Array();

 var carcar;

$(document).ready(function()
{
$.ajax({
    type: "GET",
    url: "http://www.utravel.com.hk/mobile-app/news-photo-xml.php?id=3256",
    dataType: "xml",
    success: function(xml) { parseXml(xml); }
        });
});

function parseXml(xml)
{ 
$(xml).find("item").each(function()
{  
carcar="http://www.utravel.com.hk/cms/news_photo/original/"+$(this).find("photo").text().substring(5);
        cars.push(carcar);   

});

}               
    (function(window, PhotoSwipe){

        document.addEventListener('DOMContentLoaded', function(){

            var
                options = {
                    preventHide: true,
                    getImageSource: function(obj){
                        return obj.url;
                    },
                    getImageCaption: function(obj){
                        return obj.caption;
                    }
                },
                instance = PhotoSwipe.attach( 
                    [
                        { url: 'cars[0]', caption: 'Image 001'},
                        { url: 'cars[1]', caption: 'Image 002'},
                        { url: 'cars[2]', caption: 'Image 003'},
                    ], 
                    options 
                );

                instance.show(0);

        }, false);

    }(window, window.Code.PhotoSwipe));

Answer 1

我認為到現在您可能已經解決了問題，但是您的網址不應該在冒號之間，應該像這樣：

{ url: cars[0], caption: 'Image 001'},
{ url: cars[1], caption: 'Image 002'},
{ url: cars[2], caption: 'Image 003'},

否則，您正在說的是URL實際上是cars[x] ，當然永遠也找不到它。