如何在intel xdk中使用滑动事件显示flickr照片

Question

我正在使用intel xdk和jquery mobile为UI开发混合应用程序。我的模块从flickr服务器获取flickr照片并将其显示在我的手机中。从flickr和显示器获得照片并完成，这意味着我有一张专辑，内部相册包含5张照片。

我的要求： -  我的5张照片水平和小尺寸显示。如果我点击任何一张照片，该照片应该是大尺寸（根据屏幕尺寸），我必须刷这些照片

这是我从flickr获取照片的flickr代码

 function FlickrPhotoSet(){

         var apiCall  = "https://api.flickr.com/services/rest/?format=json&method=flickr.photosets.getPhotos&photoset_id="+photosetid+"&api_key="+api+"&jsoncallback=?";

        //SEND API CALL AND RETURN RESULTS TO A FUNCTION    
        $.getJSON(apiCall, function(data){

            //LOOP THROUGH DATA
            $.each(data.photoset.photo, function(i,photo){

            //LINK TO IMAGE SOURCE
            var img_src = "http://farm" + photo.farm + ".static.flickr.com/" + photo.server + "/" + photo.id + "_" + photo.secret + "_" + "s.jpg";


            //PLACE IMAGE IN IMAGE TAG AND APPEND TO IMAGES DIV 
            $("<img/>").attr("src", img_src).appendTo("#images")

          });

        });

    }; 

当我点击照片列表中的任何一张时，如何使用滑动显示大尺寸的照片