Сначала прочитайте ссылку на фотографию из xml и используйте Photoswipe, чтобы ее открыть

Question

Что я хочу сделать, так это сохранить ссылку на фотографию в массив и передать ее в фотовизор, чтобы моя фотография могла просматриваться с помощью функции photoswiper.

Несчастливо, jquery xml parse не может изменить глобальную переменную. Я могу изменить значение глобальной переменной внутри функции 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-адреса не должно быть между двоеточием, должно быть так:

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

В противном случае, что вы делаете, что говорит о том, что URL-адрес на самом деле cars[x], который, конечно же, никогда не будет найден.