SlideShowPro Director

How to: update existing slideshow

If you've already created a web site containing a slideshow built using SlideShowPro Player for Flash or SlideShowPro Player SWF that's loading Director content, you can update your slideshow's player embed code to support the mobile fallback player.

If you are using SlideShowPro Player for Lightroom to export slideshows that load SlideShowPro Director content, you don't need to follow these instructions. SlideShowPro Player for Lightroom (v1985 and up) exports player embed code that is compatible with Director's mobile player fallback. Simply update your installation of SlideShowPro Player for Lightroom, export a new slideshow, and you'll be updated.

Here's how to update an existing slideshow published with SlideShowPro Player for Flash and/or SlideShowPro Player SWF.

Step one: Copy embed code from Director

Edit any album or gallery that is currently being loaded in the slideshow you wish to update. In the Publishing box, click the Copy button in the row labeled "Embed code." When the window opens click the "Copy embed code" button at the bottom. The embed code is now on your clipboard.

Step two: Backup HTML document

Before editing your target HTML document you should backup / copy the current one in case you need to reference its embed code.

Step three: Edit HTML document

Open the source of the target HTML document and remove any SWF embed code you currently have. This includes any external Flash embed Javascript library references (like SWFObject), plus the player embed code. When cleaned out, paste the clipboard content wherever you want your SWF to appear. Save the HTML document and view it in your browser, just to make sure the Director slideshow is functioning.

Step four: Change the SWF

Now it's time to change the SWF that will be embedded from Director's to your own. Add a src variable to the embed code and assign an absolute path to your SWF, 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",
			paramXMLPath: "http://you.slideshowpro.com/m/params/techno.xml"
		}
	});
</script>

Step five: Change size

Modify the width and height attributes to the dimensions of your original slideshow.

Step six: Change paramXMLPath (Standalone only)

If you are using SlideShowPro Player SWF, and are currently loading a param.xml file for your player settings, change the paramXMLPath value to the location of your own parameter file. For example:

flashvars: {
   xmlFilePath: "http://you.slideshowpro.com/images.php?album=1",
   paramXMLPath: "http://yourdomain.com/slideshow/param.xml"
}

If you aren't assigning player parameters via XML, but rather through flashvars, transfer any flashvars you're currently using in your slideshow over to your new embed code.

Step seven: Transfer params, attributes, flashvars (optional)

If your current slideshow is using any unique Flash Player params, attributes, or flashvars not already in Director's embed code, transfer those over as well.

Step eight: Save and load

Save your HTML document and reload the browser. Your old SWF should be working as it was before. If you have an iPhone, iPod or iPad, try loading your HTML document in Mobile Safari to ensure a poster graphic is being published that leads users to the mobile player.