RWExtras : Simpler webdev, one stack at a time…

Showcase/Showcase 2 Stack

To provide great flexibility and as many features as possible, the Showcase Stacks include 3 separate but related stacks, each with a very specific function:

Showcase or Showcase 2 stack: this is the main stack and controls the layout and styling of the Showcase
Showcase Content stack: this stack allows adding contents to the Showcase including the images, titles, sub-titles, and content of the Caption area
Showcase Settings stack: this stack controls the general settings for the Showcase stack, including the duration, the various labels used to control the slideshow, visibility of the navigation system and the slide show controls, etc.

IMPORTANT: both Showcase and Showcase 2 share the same Content and Settings stacks. Only the "main" stack is different. therefore, if you already have Showcase installed, you don't need to re-install the 2 shared stacks.

Showcase/Showcase 2 Stack*

Include jQuery: uncheck if using the stack in a jQuery-ready theme or the page includes another plugin that loads the jQuery library
Image Width: width in pixels of the images included in the gallery
Image Height: height in pixels of the images included in the gallery
Thumb Width: set the width in pixels of the thumbnails displayed in the Navigation area
Thumb Height: set the height in pixels of the thumbnails
Border Color: set the color of the Showcase gallery border
Border W (px): set the width of the Showcase gallery border
Border Radius: set the radius of the Showcase gallery border
Arrow Style: select among 5 different arrow styles for the Navigation area (see images below)
Drop Shadow: check to activate the drop shadow effect
Show Caption: uncheck to hide the area on the right side of the Showcase gallery
Caption on Right: uncheck to show the caption of the left side
Caption Width: set the width in pixels of the Caption area
Show Title: uncheck to hide the Title in the Caption area
Title Size: set the font size of the Title in the Caption area
Title Color: set the color of the Title in the Caption area. This color also defines the border surrounding the active thumbnail in the navigation area, for consistency
Show Sub-title: uncheck to hide the Sub-title in the Caption area
Sub-title Size: set the font size of the Sub-title in the Caption area
Sub-title Color: set the color of the Sub-title in the Caption area

Arrow Style

Arrow Styles

Showcase Content Stack

Full-size Image: input the path to the location of your full-size images. Images can be located in your Page Assets (e.g. assets/image.jpg) or on a server (e.g. http://www.domain.com/images/image1.jpg)
Different Thumbnail: check if using thumbnails different from full-size images. If unchecked, Showcase will use a reduced version of the full-size images
Thumbnail: if checked the "Different Thumbnail" checkbox, input the path to the location of your thumbnails
Show Title: uncheck to hide the Title in the Caption area
Title: input the title to be displayed in the Caption area. This title also becomes the value of the Alt Tag attribute for the image
Show Sub-title: uncheck to hide the Sub-title in the Caption area
Sub-title: input the sub-title to be displayed in the Caption area

Showcase Settings Stack*

Duration (sec): set the duration in seconds between transitions
Hide Navigation: check to hide the thumbnail navigation area. If you decide to hide the navigation system, you must also set the Nav Height to zero in the Showcase stack above to avoid empty spaces
# Thumbnails: input the number of thumbnails to be displayed at once in the navigation area
Hide Controls: check to hide the Play/Pause and Previous/Next controls
Play, Pause, Previous, and Next text: customize to suit your needs or your language
Index text and Separator text: input the desired text for the index displayed below the Caption area, e.g. 'image 1 / 12' or 'Product 3 of 12', etc.
Auto Start: check if you want the slideshow to start automatically when Showcase images are loaded on your web page
Keyboard Controls: check if you want to allow controlling the slideshow with keyboard keys

*If the info box (HUD) is too long for your screen size, follow these 3 steps:

Drag the RW project window down
Drag the info box (HUD) up, past the top of the RW project window
Drag the RW project window back up

The bottom of the info box (HUD) should be visible...