SlideShowPro Director

How to: replace slideshow with your own

If you want to get even more creative with your Director content, you can create and display your own slideshow using SlideShowPro Player for Flash (plus ThumbGrid, optionally) with minimal embed code edits and still retain the mobile player as a fallback. Here's how.

Step one: Create your own slideshow

Create your own slideshow that loads Director content by following these instructions. Once you have a SWF published you'd like to use, it's time for the next step.

Step two: Copy embed code from Director

Edit any album or gallery in Director that your slideshow in Flash is loading. In the Publishing box, click the Embed button in the row labeled "Embed slideshow." When the window opens click the "Copy embed code" button at the bottom. The embed code is now on your clipboard.

Step three: Edit HTML document

Edit an existing HTML document, or create a new one, and paste the clipboard contents into your document. Save the document, and load it in your web browser to ensure content is loading.

Step four: Upload/replace SWF

Publish a SWF from Flash and upload it to your site. When complete, edit Director's embed code by adding a swf attribute that points to your uploaded SWF using an absolute path, like so:

<script type="text/javascript">
	SlideShowPro({
		attributes: {
			src: "http://yourdomain.com/slideshow.swf",
			id: "album-1",
			width: 550,
			height: 400
		},
		params: {
			bgcolor: "#000000",
			allowFullScreen: "true"
		},
		flashvars: {
			xmlFilePath: "http://you.slideshowpro.com/images.php?album=1"
		}
	});
</script>

Step six: Edit size

Because the size is likely different, check your Flash document to see what dimensions the stage is. You can find this out by clicking anywhere in a blank area on the stage and opening the Properties panel. Transfer the width/height of the Stage over to the width and height attributes in Director's embed code.

Step seven: Save and load

Save the document and load in your web browser. If all went well you should now see your own slideshow instead of the one published by Director. If you try to load the page on an iPod Touch, iPad or iPhone you should also see the mobile fallback player operating as expected.