<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>expono &#187; ajax</title>
	<atom:link href="http://blog.expono.com/tag/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.expono.com</link>
	<description>preserve, organize &#38; share your photos</description>
	<lastBuildDate>Fri, 27 Jan 2012 13:06:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>Google AJAX Feed API and Expono</title>
		<link>http://blog.expono.com/2010/01/google-ajax-feed-api-and-expono/</link>
		<comments>http://blog.expono.com/2010/01/google-ajax-feed-api-and-expono/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 12:58:14 +0000</pubDate>
		<dc:creator>Magnus</dc:creator>
				<category><![CDATA[Using Expono]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://blog.expono.com.php5-10.dfw1-1.websitetestlink.com/?p=500</guid>
		<description><![CDATA[#slideShow { width : 500px; height : 375px; font-size:16px; text-align:center; } Google has some really great tools and one of them is the Google AJAX Feed API. With just a few lines of javascript code you can mash up feeds. Here is an example of how you can smack together a really cool javascript slideshow [...]]]></description>
			<content:encoded><![CDATA[<p><script src="http://www.google.com/jsapi"
    type="text/javascript"></script><br />
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
    type="text/javascript"></script></p>
<style>
#slideShow {
  width : 500px;
  height : 375px;
  font-size:16px;
  text-align:center;
}
</style>
<p>Google has some really great tools and one of them is the Google AJAX Feed API. With just a few lines of javascript code you can mash up feeds. Here is an example of how you can smack together a really cool javascript slideshow from an Expono feed with just a few lines of code. Basically you only have to change the feed and the options variables in the code below.</p>
<p><strong>Google AJAX Feed API slideshow using Expono&#8217;s Media RSS Feeds</strong></p>
<div id="slideShow">Loading&#8230;</div>
<p><script type="text/javascript">
  function LoadSlideShow() {
    var feed  = "http://www.expono.com/magnus/album/4743/rss";
    var options = {displayTime:2000, transistionTime:600, scaleImages:true, fullControlPanel : true, fullControlPanelSmallIcons : true, pauseOnHover : false};
    var ss = new GFslideShow(feed, "slideShow", options);
  }
  /**
   * Use google.load() to load the AJAX Feeds API
   * Use google.setOnLoadCallback() to call LoadSlideShow once the page loads
   */
  google.load("feeds", "1");
  google.setOnLoadCallback(LoadSlideShow);
</script></p>
<h3>The Source Code for the above Slideshow</h3>
<div style="overflow:auto;border:1px solid #ccc;padding:5px;">
<pre class="jush" style="line-height:13px;">

&lt;script src=&quot;http://www.google.com/jsapi&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;http://www.google.com/uds/solutions/slideshow/gfslideshow.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

&lt;style&gt;
#slideShow {
  width : 500px;
  height : 375px;
  padding : 10px;
  font-size:16px;
  text-align:center;
}
&lt;/style&gt;

&lt;div id=&quot;slideShow&quot;&gt;Loading...&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
  function LoadSlideShow() {
    var feed  = &quot;http://www.expono.com/magnus/album/4743/rss&quot;;
    var options = {
    	displayTime:2000,
    	transistionTime:600,
    	scaleImages:true,
    	fullControlPanel : true,
    	fullControlPanelSmallIcons : true,
    	pauseOnHover : false
   	};
    var ss = new GFslideShow(feed, &quot;slideShow&quot;, options);
  }
  /**
   * Use google.load() to load the AJAX Feeds API
   * Use google.setOnLoadCallback() to call LoadSlideShow once the page loads
   */
  google.load(&quot;feeds&quot;, &quot;1&quot;);
  google.setOnLoadCallback(LoadSlideShow);
&lt;/script&gt;
</pre>
</div>
<p><br/><br />
<a href="http://www.google.com/uds/solutions/slideshow/reference.html">Click here to read more about Google Ajax Feed API</a><br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.expono.com/2010/01/google-ajax-feed-api-and-expono/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

