Visit SlideShowPro.net  Community Forums
SlideShowPro Support Wiki
  
SlideShowPro Director

How to: fill browser window with slideshow

To create a slideshow that fills the entire browser window, you will need to edit your embed code to use percentage-based width and height. To do that, edit the attributes section of your embed code:

attributes: {
	id: "gallery-2",
	width: "100%",
	height: "100%"
},
Note: When using percentage-based values, be sure to wrap the values in quotes.

You will also need to add the following to your CSS:

html, body { height: 100%; margin: 0; padding: 0; }

Performance

A note on slideshow performance when using this option. By making your slideshow size fluid, SlideShowPro Director will effectively lose the ability to cache photos and data. This is because content is published on-demand at the size of the slideshow, and because your slideshow dimensions are fluid and not static, photos and data will have to be generated new nearly every time your slideshow is viewed. This may cause some slowness in the startup of your slideshow.

If you must use fluid sizing, you might consider shutting off SlideShowPro Director's on-demand photo publishing for large slideshow photos. This will return your originally uploaded photos instead of generating new ones. You can do that by adding a directorLargePublishing variable to your player's embed code:

flashvars: {
     directorLargePublishing: "Off"
}

Page last modified by tdominey on January 04, 2011, at 07:26 AM
© 2011 SlideShowPro. All Rights Reserved.