<?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>christopherreding.com &#187; EE</title>
	<atom:link href="http://christopherreding.com/tag/ee/feed/" rel="self" type="application/rss+xml" />
	<link>http://christopherreding.com</link>
	<description>jQuery PHP Coldfusion MySql ASP.NET XSLT and Flash - with some added random thoughts</description>
	<lastBuildDate>Mon, 02 Aug 2010 19:59:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>SlideShowPro And Expression Engine&#8230;</title>
		<link>http://christopherreding.com/slideshowpro-and-expression-engine/</link>
		<comments>http://christopherreding.com/slideshowpro-and-expression-engine/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 15:23:15 +0000</pubDate>
		<dc:creator>Christopher Reding</dc:creator>
				<category><![CDATA[Expression Engine]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[SlideShowPro]]></category>
		<category><![CDATA[code share]]></category>
		<category><![CDATA[EE]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://christopherreding.com/?p=158</guid>
		<description><![CDATA[Thanks to a fellow colleague (Heath Dutton) I can now bring you a method to link up SlideShowPro to your Expression Engine Gallery. Step 1. Go get SlideShowPro (what are you waiting for) Step 2. Create a slideshow in flash (or use the stand alone) set your xml file to http://yoursite.com/gallery/slideshow.xml Step 3. Crete a [...]]]></description>
			<content:encoded><![CDATA[<p>Thanks to a fellow colleague (<a href="http://facebook.com/hdutton">Heath Dutton</a>) I can now bring you a method to link up SlideShowPro to your Expression Engine Gallery.</p>
<p>Step 1. Go get <a href="http://slideshowpro.net" target="_blank">SlideShowPro</a> (what are you waiting for)</p>
<p>Step 2. Create a slideshow in flash (or use the stand alone) set your xml file to http://yoursite.com/gallery/slideshow.xml</p>
<p>Step 3. Crete a template group called gallery in EE  and create a template called slideshow.xml</p>
<p>Step 4. Add this to your template and save it:</p>
<pre class="brush:[php]">{assign_variable:gallery_name="gallery"}
&lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;gallery&gt;
&lt;?php if (!isset($_GET['category_id'])) { ?&gt;    
 {exp:gallery:categories gallery="{gallery_name}"}
 {category_row}
 {row}
 &lt;album title="{category}" category_id="{category_id}"&gt;
 {embed="gallery/slideshow_embed" gallery_name="{gallery_name}" category_id_number="{category_id}"}
 &lt;/album&gt;
 {/row}
 {/category_row}
 {/exp:gallery:categories}
 &lt;?php } else {  ?&gt;
 &lt;album title="&lt;?php if (isset($_GET['category'])) echo $_GET['category']; ?&gt;" category_id="&lt;?php echo $_GET['category_id']; ?&gt;"&gt;
 {embed="gallery/slideshow_embed" gallery_name="{gallery_name}" category_id_number="&lt;?php echo $_GET['category_id']; ?&gt;"}
 &lt;/album&gt;
 &lt;?php } ?&gt;
&lt;/gallery&gt;
</pre>
<p>Step 5. Create the embed template call it slideshow_embed (paste this into that template)</p>
<pre class="brush:[javascript]">&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;
 // swf finder
 function thisMovie(movieName) {
 if (navigator.appName.indexOf("Microsoft") != -1) {
 return window[movieName]
 } else {
 return document[movieName]
 }
 }

 // SWFObject embed
 var flashvars = {
//  if you are using the standalone  paramXMLPath: "/include/param.xml",
 initialURL: escape(document.location),
 useExternalInterface: "true"
 }
 var params = {
 base: ".",
 wmode: "transparent",
 bgcolor: "#FFFFFF",
 allowfullscreen: "true"
 }                
 var attributes = {
 id: "ssp"
 }
 swfobject.embedSWF("/include/slideshowpro.swf", "flashcontent", "470", "340", "9.0.115.0", false, flashvars, params, attributes);
&lt;/script&gt;
&lt;div id="flashcontentcontainer"&gt;
 &lt;div id="flashcontent"&gt;In order to experience the photo gallery fully, you will need the latest Flash player.&lt;/div&gt;
&lt;/div&gt;
</pre>
<p>Step 6. Create an include folder in your directory and drop your slideshow.swf file there (if using standalone drop the param.xml file there as well.</p>
<p>Step  7. Use this embed in your templates to display your slideshow.</p>
<p>Step 8. Profit</p>
<p><a href="http://www.expressionengine.com/index.php?affiliate=creding" target="_blank">Get Expression Engine</a><br />
(<em>if you have any improvements or suggestions hit me up in the comments</em>)</p>
<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fchristopherreding.com%2Fslideshowpro-and-expression-engine%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fchristopherreding.com%2Fslideshowpro-and-expression-engine%2F&amp;source=creding&amp;style=compact&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://christopherreding.com/slideshowpro-and-expression-engine/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
