2011-06-21 4 views
0

rssfeedとtouchGalleryのjQuery関数を組み合わせて、ギャラリーがrssの解析されたコンテンツを認識できるようにするにはどうすればよいですか? rss構文解析関数は、#test内に.rssBodyを書き込みます。jquery zrssfeedとタッチギャラリーを組み合わせる

$(document).ready(function() { 
$('#test').rssfeed('http://foo.com/foo-rss', { 
    limit: 5 
}); 
$('.rssBody a').touchGallery(); 

});

<div id="test"></div> 

以下は、NETEYE Touch Galleryのコード例です。これは、flickr APIとタッチギャラリーを使用して同様のことを行います。

$(function() { 
    $.getJSON("http://api.flickr.com/services/rest?method=flickr.photosets.getPhotos&api_key=ed144a125aca366df3438c58c0c0ec9d&photoset_id=72157624601158052&extras=url_sq,url_m,url_o,&format=json&jsoncallback=?", function(data) { 
     $.each(data.photoset.photo, function(i) { 
      $('<div>').append($('<img>').attr('src', this.url_sq)).data('flickr', this).appendTo('#gallery'); 
     }); 
     $('#gallery div').touchGallery({ 
      getSource: function() { 
       var f = $(this).data('flickr'); 
       return f.url_o || f.url_sq.replace('_s.', '_b.'); 
      } 
     }); 
    }); 

}); 

答えて

0

zRSSFeedは、RSSが読み込まれた後にコールバックが発生するようにします。これはトリックを行う必要があります:

$('#test').rssfeed('http://foo.com/foo-rss', { 
    limit: 5 
}, function() {$('#test .rssBody li').touchGallery()}); 
関連する問題