Question

Possible Duplicate:
Set Bing background image rss as background of my page jquery

I am a jquery newbie. I need to parse the first image from this RSS feed and use it as the background image for my page. I am developing a phonegap app so cross domain restriction is not an issue.

Here is the rss feed: http://feeds.feedburner.com/bingimages

Answer 1

check this out

Example

You need to add this rss plugin (zrssfeed) in the head of your page to grab the feed

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

Next in your html, put this hidden div.

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

Finally, here is the script to load the first feed and find the image, then set it as the background

    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();