## The inTensa Design Gallery Interfaces

Interface one

> Here is the opening screen for inTensa Design Gallery. On this screen we will select all of the thumbnail image sets for the gallery, enter the tooltip text, caption text, select the number of columns for the thumbnails and select any rollovers for the thumbnails.

1. Thumbnails: This list box is controlled by the five button icons above it. Selecting an image will put the Tooltip message, caption and rollover in their respective fields and will put the thumbnail in the lower left hand corner of the extension for previewing purposes. Some distortion of the preview may occur due to the compression applied to the image and the limitations of extension processing.

- - Move the selected thumbnail down the list. The list's order is the way the images will appear on the screen. This control allows the movement of the thumbnail, caption, tooltip text and rollover down the list.
- - Does the same as the above, except moves the thumbnail up the list.
- - Adds an individual thumbnail.
- - Deletes the selected thumbnail from the list. Also removes the caption, rollover, and tooltip text. There is no undo, so be careful with this button.
- - Adds an entire folder at one time.

2. Rollover Image: When you have a selected thumbnail in the thumbnails list box, you can select a rollover image for that thumbnail. Each thumbnail can be set to a specific rollover image or selecting the auto checkbox will assign any thumbnails without an assigned rollover the default rollover image name. These default rollover image names consist of the full image name appended with a "_over" suffix. So an image set of myImage.gif, myImage_thumb.gif and myImage_main.gif would have an auto rollover image of myImage_over.gif.
   Sticky: This option will leave the rollover image in the rolled over state once clicked until another image is clicked or the sticky image is rolled over again.
3. ToolTip Message: The default option for the tooltip is enabled. If you want to disable the tooltips, uncheck the Enabled checkbox next to the Tooltip Message Title. Enter the tooltip message after you have selected a thumbnail, otherwise the entered data will be lost. The tooltip can handle full HTML entries, although you will need to avoid single and double quotes. The alt option controls the image having the alt property and title property set. I don't recommend selecting both the tooltip and the alt checkboxes as there will be two popups on the page.
4. Caption Message: The default option for the captions messages is enabled. To disable them, uncheck the Enabled checkbox next to the Caption Message Title. Just like the tooltip message, the caption can take full HTML entries. If your entries for the captions will be complex or time consuming, you may want to leave them blank and then enter them in the source code of the page. (Each thumbnails' caption will correspond to its position on the list with the first thumbnail's caption the layer labeled kwcaption1 - I usually put a marker in the captions, like the name of the thumbnail, so I can easily find them when I have multiple columns). The Auto: option will assign the image name to the caption, great for inventories were the image name matches the product ID or where you want to have a marker set within the caption for easy entry later.
5. Columns and Thumbnail Count: The columns number controls how many columns the thumbnails are displayed in. The count helps you in your selection. For horizontal displays of one row, enter the number of thumbnails for the column entry.
6. OK, Cancel and Help: OK if you have finished, Cancel to cancel the extension and Help to go to our Web Site.
7. Next: Once you are happy with your settings, you may proceed to interface two by clicking this button.