Question

可能重复：
Set Bing background image rss as background of my page jquery

我是一个jquery新手。我需要解析此RSS源中的第一个图像，并将其用作我的页面的背景图像。我正在开发一个phonegap应用程序，因此跨域限制不是问题。

以下是RSS Feed：http://feeds.feedburner.com/bingimages

Answer 1

检查出来

您需要在页面的头部添加此rss插件（zrssfeed）以获取Feed

<script type="text/javascript" src="http://www.komfrisk.dk/test/atom/jquery.zrssfeed.js"></script>

接下来在你的html中，把这个隐藏的div。

<div id="RSSview" style='display:none;'></div>

最后，这是加载第一个Feed并找到图像的脚本，然后将其设置为背景

    function firstFeed(){
    $('#RSSview').rssfeed( 'http://feeds.feedburner.com/bingimages' , { limit: 1, offset: 0 });
    setTimeout(function(){
    var image = $('.rssMedia').find('a').attr('href');
    $('body').css({'background-image' : 'url("' + image + '")' });
    }, 2000);
}

firstFeed();

Answer 2

将要显示的Feed值存储在变量中（解析此小提琴并找到所需的图像）

例如var imageUrl =“http：//../../myImg.jpg”

然后使用：

$('myOjbect').css('background-image', 'url("' + imageUrl + '")');

试试我的小提琴：http://jsfiddle.net/m8GBL/

将图像从rss Feed设置为壁纸

2 个答案: