thoughts on web design, development and seo bloggers

Make Slide Show with Google AJAX Feed API

June 26th, 2007 by Blogge SEO         
1 Star2 Stars3 Stars4 Stars5 Stars (5 votes, average: 4.8 out of 5)
Loading ... Loading ...

 

Step 1 - Copy and Paste below Google AJAX Feed API and the Slide Show code between “<HEAD> … </HEAD>”. If you don’t already have a Google AJAX Feed API key, your first step is to sign up for a key. With your key in hand, change “YOUR-KEY” with your google ajax api key.

 

 

<style type=”text/css”>
#slideShow {
width : 160px;
height : 160px;
padding : 10px;
border:#000033 solid 4px;
}
</style>

<script src=”http://www.google.com/jsapi/?key=YOUR-KEY
type=”text/javascript”></script>
<script src=”http://www.google.com/uds/solutions/slideshow/gfslideshow.js”
type=”text/javascript”></script>

<script type=”text/javascript”>
function LoadSlideShow() {
var feed = “http://feed.photobucket.com/images/sunsets/feed.rss”;
var options = {displayTime:2000, transistionTime:600, scaleImages:true};
var ss = new GFslideShow(feed, “slideShow”, options);
}
/**
* Use google.load() to load the AJAX Feeds API
* Use google.setOnLoadCallback() to call LoadTuneBar once the page loads
*/
google.load(”feeds”, “1″);
google.setOnLoadCallback(LoadSlideShow);
</script>

 

 

Step 2 - Add below code on your page between “<BODY> … </BODY>” for the Slide Show.

 

 

<div id=”slideShow”>Loading…</div>

 

 

Note: You may change “var feed” with your PhotoBucket, Flickr, or Picasa Web Albums rss feed.

 

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

 

Posted in AJAX, Google | Check Comments | Share This
Tell a Friend Tell A Friend

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.