jquery结合zrssfeed和touch gallery
如何组合 rssfeed 和 touchGallery jQuery 函数，以便图库识别 rss 解析的内容？ rss 解析函数在#test 中写入.rssBody。
$(document).ready(function () {
$('#test').rssfeed('http://foo.com/foo-rss', {
limit: 5
});
$('.rssBody a').touchGallery();
});
<div id="test"></div>
下面是来自 NETEYE Touch Gallery 的示例代码，它使用 flickr API 和 touch gallery 执行类似的操作。
$(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.');
}
});
});
});
How do I combine rssfeed and touchGallery jQuery functions so that the gallery recognizes the rss parsed content? The rss parsing function writes a .rssBody within #test.
$(document).ready(function () {
$('#test').rssfeed('http://foo.com/foo-rss', {
limit: 5
});
$('.rssBody a').touchGallery();
});
<div id="test"></div>
Below is an example code from NETEYE Touch Gallery that does a similar thing using flickr API and touch gallery.
$(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.');
}
});
});
});
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
zRSSFeed 允许在 RSS 加载后发生回调。这应该可以解决问题：
zRSSFeed allows for a callback to occur after the RSS has loaded. This should do the trick: