Visit SlideShowPro.net  Community Forums
SlideShowPro Support Wiki
  
Lightroom plugin

Create a transparent slideshow

You may have a need for a transparent slideshow. For example, if you have a background image on your page and want it to show through. Here's how you do it.

Step One: SSP/LR Settings

First you need to figure out what exactly in the SlideShowPro player you want to be transparent. Look for the sliders with "Alpha" in thier name. Any time you want that object to be transparent, set the Alpha to 0 (zero).

For example, say you are sizing your images so they are smaller than your slideshow. Now you want the extra content area to show the background image on your site. The setting for this is Content Area / Background Alpha.

Step Two: Export & Embed

We already have lots of documentation on this step. For a refresher, here's how we recommend embedding the slideshow: Tips-EmbedInSeparateHTMLDocument

After embedding, you need to instruct the Flash Player to use a transparent background. You do this by adding the code: wmode: "transparent" to your HTML, like so:

	var params = {
      bgcolor: "#272727",
      allowfullscreen: "true",
      wmode: "transparent"
  }

Step Four: Upload and Enjoy

That's it! Simply upload your new HTML file. You should now see your background image show through the slideshow.


Page last modified by tdominey on July 31, 2010, at 05:25 AM
© 2011 SlideShowPro. All Rights Reserved.