ThumbsUp Tutorial

Description

ThumbsUp Tutorial   ThumbsUp allows you to easily create a thumbnail image and have it displayed ineither a popup window or as a CoolTip*.Getting started with ThumbsUp 5.0 is easy!l Run the Installation program, specifying the location of Fusion v4.0/5.0'scomponent directory.l Launch Fusion v4.0/5.0l If the coolmaps.com component toolbar is not visible choose View > Toolbars >Component Tools > coolmaps basicl Select the ThumbsUp component and drag it out to an area on the page.The ThumbsUp Properties now appears in Fusion's properties palette.*CoolTip option only available if the CoolTips component is installed.Image FileThumbsUp TutorialSelect an image to be used. After selecting, the image can be resized either bymanipulating it with the resize handles or by the Size Thumbnail option, explainedbelow.Custom Thumbnail - No | YesSelect whether to use a custom thumbnail or not. If set to "Yes", select the customthumbnail using the Thumbnail Image option in the palette. Note: If you're using acustom thumbnail, the thumbnail will not be resizeable.Alt Text - optionalEnter alternative text for the image.Window Status - optionalEnter text to be displayed in the browser window's status bar when the thumbnail ismoused over.Display Type - PopUp | CoolTipsIf CoolTips is installed, this option will be visible allowing for a CoolTips style displayof the full sized image. If CoolTips is not installed, this option is not present andneither are the ...

Informations

• Publié par: Nezog
• Nombre de lectures: 30
• Langue: English

Extrait



ThumbsUp Tutorial

ThumbsUp allows you to easily create a thumbnail image and have it displayed in either a popup window or as a CoolTip*.

Getting started with ThumbsUp 5.0 is easy! Run the Installation program, specifying the location of Fusion v4.0/5.0's l component directory. Launch Fusion v4.0/5.0 l If the coolmaps.com component toolbar is not visible choose View > Toolbars > l Component Tools > coolmaps basic Select the ThumbsUp component and drag it out to an area on the page. l

The ThumbsUp Properties now appears in Fusion's properties palette.

*CoolTip option only available if theCoolTipscomponent is installed.

Image File



Dá…6o/ì" style="top:1312px;left:476px;width:100px;height:26px;">

ThumbsUp Tutorial

Select an image to be used. After selecting, the image can be resized either by manipulating it with the resize handles or by theSize Thumbnailoption, explained below.

Custom ThumbnailNo | Yes Select whether to use a custom thumbnail or not. If set to "Yes", select the custom thumbnail using theThumbnail Imageoption in the palette.Note:If you're using a custom thumbnail, the thumbnail will not be resizeable.

Alt Text optional Enter alternative text for the image.

Window Statusoptional Enter text to be displayed in the browser window's status bar when the thumbnail is moused over.

Display Type PopUp | CoolTips If CoolTips is installed, this option will be visible allowing for a CoolTips style display of the full sized image. If CoolTips is not installed, this option is not present and neither are the CoolTips options detailed below.

Display Type  PopUp PopUp Nameoptional l Provide a name if you wish to have the full sized image open in an existing window of the same name. If a name is entered, no spaces or funny characters allowed. Note:This is not the popup window title.The name you enter here is used only as an internal reference by the browser; the name is completely transparent to site visitors. PopUp Title l Enter the title for the popup window. This is the text that will appear in the title bar of the popup window. PopUp TypeonClick | onMouseOver l Select whether the PopUp will be initialized when the thumbnail is clicked or moused over.

PopUp Type  onMouseOver onMouseOff Close Window | Void n Set toClose Window, the PopUp window will automatically close when the user mouses off the thumbnail image. Set toVoid, the PopUp window will remain open until it is closed by either the user or one of the two following options.

PopUp onBlurVoid | Close Window l Select whether or not the popup window will close automatically when it is no longer selected. PopUp onClickVoid | Close Window l Select whether or not the popup window will close when it is clicked by the user.

Display Type  CoolTips* Preload Full Size Image? No | Yes l Select whether the full sized image should be downloaded from the server when the page loads or when the thumbnail image is moused over/clicked.

ThumbsUp Tutorial PopUp Type onClick | onMouseOver l Select whether the full sized image should be displayed when the thumbnail is clicked or moused over.

Thumbnail SizeBy Percentage | By Height | By Width Select a method for sizing the thumbnail image. Using one of these three options will insure that the image retain original proportions. Thumbnail Percentage l Scales the thumbnail to a specific percentage. Thumbnail Height l Enter the desired height for the thumbnail and the proportionate width will automatically be configured. Thumbnail Width l Enter the desired width for the thumbnail and the proportionate height will automatically be configured.

New in v5.07 and later! Use theCustom Positioningoption in the properties palette to specify exact coordinate values for the popup window. Set theLeftandTopvalues as desired.

*CoolTips functionality info: A CoolTips script object must reside on the current page. If there is already an l instance of a CoolTips script object,do not drop another one. If there is not an instance of a CoolTips script object on the page, drop one now. The "coolmaps.com Publish Component" must be activated. l Refer to theCoolTips tutorialfor further help. l

If using CoolTips functionality with ThumbsUp, be sure to activate the "coolmaps.com Publish Component." Choose Publish View > Publish > Publish Components l Check 'coolmaps.com Publish Component' l

<ºõâ)jóï7þ" style="top:748px;left:265px;width:192px;height:26px;">

ThumbsUp Tutorial

file:///C|/Work/tutorials/pdf/ThumbsUp 5.05/1.htm (4 of 4) [8/4/2002 11:14:11 PM]