Ready to embed SlideShowPro Standalone in your own HTML document? Here's how.
To get started, we need a place on your web server for slideshow content. Connect to your web site using your FTP client and create a new folder (name it anything you want).
Next, open the "Samples" folder in the SlideShowPro Standalone ZIP you downloaded from the account center. Upload "slideshowpro.swf" and "param.xml" to the folder you created on your web server.
Inside the "Samples" folder are three HTML documents. Open the "embed_basic.html" document in your favorite HTML editor. In the <head> area will be a block of javascript code surrounded by comments. Start copying at the "IF MOVING" comment, and stop before the closing comment. Switch over to your own HTML document, and paste the code anywhere before the closing </head> element.
Next, return to "embed_basic.html" and copy the following from inside its <body> area:
<div id="flashcontent"> This SlideShowPro photo gallery requires the Flash Player plugin and a web browser with JavaScript enabled. </div>
When copied, paste anywhere inside the <body> area or your own HTML document.
Next we need to modify the path to "slideshowpro.swf" so your HTML document can find it. Edit the "slideshowpro.swf" parameter at the beginning of the swfobject.embedSWF() method with an absolute path to your SWF. For example, "http://mydomain.com/photogallery/slideshowpro.swf".
By default, the SWF will look (in its own directory) for a document named "images.xml". This XML file tells SlideShowPro where your slideshow content is. You can either code your own images.xml document and assign uploaded photos and videos, or edit "param.xml" with the path to the SlideShowPro Director album/gallery you wish to load. More information on assigning content can be found in the "How it works" instructions.
Save your work and load the HTML document in your web browser. Your slideshow should now be appearing.
If while embedding your content doesn't load, we recommend using the Safari web browser when debugging your HTML document. Simply load your HTML in Safari, open Window > Activity, and the panel will show any invalid paths that caused an error when the page was loaded.
