Visit SlideShowPro.net  Community Forums
SlideShowPro Help Wiki
Recent changes / Search

SlideShowPro for Flash

SlideShowPro for Lightroom

SlideShowPro Standalone

SlideShowPro Director

SlideShowPro Director Hosting

ThumbGrid

SlideShowPro for Flash
Creating slideshow content: full screen images
Page last modified by tdominey on May 07, 2009, at 11:15 AM

SlideShowPro's full screen mode allows users to browse your slideshow in an expanded format that fills their display screen. As an option through the OPTIONS/Full Screen Reformat parameter, SlideShowPro (when entering full screen mode) can request an alternate set of images to use. This gives you the opportunity to present images that are formatted larger (both in dimensions and file size) instead of re-using the content being loaded in the "normal" HTML view.

This chapter will cover how images is created and linked to in the XML document SlideShowPro loads. If you are using SlideShowPro Director, you do not need to use these instructions for Director can publish them for you automatically upon request (when DIRECTOR/Large Publishing is set to "On", which it is by default). If you are editing your own XML and images, this is for you.

Note: If you have Adobe Photoshop CS2 or higher, SlideShowPro for Flash comes with free export scripts for creating slideshow content. Proceed on if you'd like to create content by hand.

Step one: Create directory

Assuming you've already created a functioning slideshow, open the album folder where your slideshow images is being loaded from. Create a new folder named anything you like to store your full screen versions. For the purposes of this walkthrough we'll name it "fs".

Step two: Create full screen images

Open each of the original images you used to create slideshow content with in an image editing application (like Photoshop). Modify their size to the dimensions you want. One thing that's different about full screen mode (compared to the HTML view) is that the size of the area will always be different, for it depends on the display size of the end-user. So it's best to create images that will work with a wide variety of resolutions. For that reason, we recommend images at around 940 pixels wide by 700 high to ensure that the majority of displays can view them (natively) without scaling.

Step three: Save images

When done, save the images to the "fs" folder you created in Step One and name the files with the same file name as their counterparts in the "large" folder (or whatever the folder name is where your slideshow content is located).

Step four: Edit XML

The way that full screen images is loaded is the same as thumbnails (covered here) in that you have the option of loading the alternate images through a relative link in the album element, or as an absolute link in img. The easiest method is to use fspath, which you can add like so:

<album title="Nature" description="Images of trees, lakes and flowers"
 lgpath="gallery/album1/large/" fspath="gallery/album1/fs/">

...or...

<album title="Nature" description="Images of trees, lakes and flowers"
 lgpath="http://www.domain.com/path/to/large/"
 fspath="http://www.domain.com/path/to/fs/">

If in Step three above you named the full screen images with the same as their slideshow counterparts, that's all you need to do. SlideShowPro for Flash will use the src attribute in each img element when looking for full screen images.

If however your full screen images is named differently than your slideshow content, remove the fspath attribute from the album element and link to them like so:

<img src="tree.jpg" fs="http://mydomain.com/path/to/tree_fs.jpg" />

Step five: Modify Publish Settings

Open File > Publish Settings in Flash and click on the "HTML" tab. Select "Flash Only - Allow Full Screen" from the "Template" menu. When finished click OK.

Step six: Publish

Publish your slideshow by selecting File > Publish Preview > Default. Click on the full screen button in the navigation to enter full screen mode. Your alternate images should then load!

Note: Full screen mode can only be engaged in a SWF when embedded in an HTML document, so when testing always make sure you view the SWF in HTML.


© 2010 Dominey Design Inc. All Rights Reserved.
About | Merchandise | Contact | Privacy policy | Legal | Licensing