Visit SlideShowPro.net  Community Forums
SlideShowPro Support Wiki
  
ThumbGrid

Images

ThumbGrid is populated with thumbnail images whenever an album is requested in :stapi:. When albums are switched, ThumbGrid's interface clears and a new batch of thumbnail images load.

Image scaling

By default, all your images will automatically scale (if different) to the target dimensions discussed above, then cropped to fit. This gives your interface a uniform appearance. If however you'd prefer your images to be presented proportionally, modify the THUMB IMAGES/Scale parameter. When set to "Proportional", your images are proportionally downscaled/upscaled to fit the target dimensions, and the container around each image resizes so all your thumbnails have a uniform appearance.

Image sizing

Live Preview
Above: ThumbGrid live preview

As explained in the Size and layout chapter, image dimensions are dictated by the overall size of ThumbGrid, the value of LAYOUT/Rows and LAYOUT/Columns, LAYOUT/Spacing, and THUMB STYLE/Padding. The size of each thumbnail image is displayed in the live preview of ThumbGrid on the Stage (see right). These are the target dimensions for your thumbnail images.

If you plan on keeping the "zoom" rollover effect turned on (as set through THUMB BEHAVIOR/Zoom), multiply the target dimensions by the value of THUMB BEHAVIOR/Zoom Scale. For example, if your target dimensions are 75x50, you should create and/or request images that are 150x100 for higher quality images on roll-over.

When requesting thumbnail images from SlideShowPro Director for use in ThumbGrid, you edit

's :pm:NAVIGATION/Link Preview Size

parameter. The first number is the width, the second height. The value should either be the dimensions displayed in ThumbGrid's live preview, or (as discussed above) a value that accommodates :pm:Zoom. Also, you should assign the same value to

's :pm:NAVIGATION/Link Preview Scale

parameter that is assigned to ThumbGrid's :pm:THUMB IMAGES/Scale parameter to control how your images are formatted by SlideShowPro Director when published.

See the ThumbGrid with :stapi: or the ThumbGrid with :stapi: and SlideShowPro Director instructions for more information about populating ThumbGrid with thumbnail images.


Page last modified by tdominey on February 16, 2010, at 04:47 AM
© 2011 SlideShowPro. All Rights Reserved.