将来自rss feed的图像设置为wallaper [重复]答案

【问题标题】：Set image from rss feed as wallaper [duplicate]将来自rss feed的图像设置为wallaper [重复]
【发布时间】：2012-11-28 14:44:45
【问题描述】：

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

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

这里是 RSS 源：http://feeds.feedburner.com/bingimages

【问题讨论】：

您是否尝试动态更改此图像？
是的，我希望它动态变化
嗯...所以您希望背景随着 rss 提要的更新而更新？
是的！那正是我想做的..使用 jquery 感谢x
你试过什么？你能告诉我们什么代码？请参阅stackoverflow.com/questions/how-to-ask

标签： jquery parsing rss bing

【解决方案1】：

看看这个

Example

您需要在页面头部添加此 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();

【讨论】：

【解决方案2】：

将您想要显示的提要值存储在一个变量中（解析这个小提琴并找到您想要的图像）

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

然后使用这个：

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

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

【讨论】：

谢谢...问题是我如何用 jquery 解析提要
我知道做那个服务器端，使用 jquery 我有一个跨域限制。我不知道 phonegap 是否允许您对此提要发出网络请求并解析响应。一种解决方案是使用第三方脚本/代理。例如 yql，这允许您在 XML/JSON/RSS 上拥有类似的 sql 或 linq。如果您没有服务器端逻辑，它可能很有用。试试我的小提琴：jsfiddle.net/m8GBL/1