
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%"
},
You will also need to add the following to your CSS:
html, body { height: 100%; margin: 0; padding: 0; }
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"
}