jquery - 将来自 rss 提要的图像设置为 wallaper

Question

可能重复：
将 Bing 背景图像 rss 设置为我的页面 jquery 的背景

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

这是 rss 提要： http: //feeds.feedburner.com/bingimages

Answer 1

看一下这个

例子

您需要在页面顶部添加此 rss 插件 (zrssfeed) 以获取提要

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

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

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

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

    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

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

例如 var imageUrl = "http://../../myImg.jpg"

然后使用这个：

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

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