Reference for ThumbLister CS

Method

Description

nexItem()Move to next item.
prevItem()Move to previous item.
load()Load xml source.
start()Start the menu.
stop()Stop the menu.
playVideo()Play video when the item have video.
pauseVideo()Pause video.
stopVideo()Complete stop the video.
 lengthNumber of thumbnail
started Indicating if the component started.

 

ThumbLister.nextItem()

Availability Flash Player 9.

Edition Flash CS3.

Usage ThumbLister.nextItem()

Returns None

Description Method; Move to next Item.

Code Example :

ThumbLister_mc.nextItem();

 

ThumbLister.prevItem()

Availability Flash Player 9.

Edition Flash CS3.

Usage ThumbLister.prevItem()

Returns None

Description Method; Move to previous item.

Code Example :

ThumbLister_mc.prevItem();

 

ThumbLister.load()

Availability Flash Player 9.

Edition Flash CS3.

Usage ThumbLister.load(xml)

Parameters

xml: URL of external xml file. Or XML object.

Returns None

Description Method; Load the xml source and setup ThumbLister

Code Example :

//Load the source xml named photo.xml.  
ThumbLister_mc.load("photo.xml");

 

ThumbLister.start()

Availability Flash Player 9.

Edition Flash CS3.

Usage ThumbLister.start()

Returns None

Description Method; Start the tunnel if xml is loaded and the tunnel not started yet.

Code Example :

//Load the xml 
ThumbLister_mc.load("photo.xml");
//Start
ThumbLister_mc.start();

 

ThumbLister.stop()

Availability Flash Player 9.

Edition Flash CS3.

Usage ThumbLister.start()

Returns None

Description Method; Stop the tunnel when the tunnel is in started state.

Code Example :

ThumbLister_mc.stop();

ThumbLister.playVideo()

Availability Flash Player 9.

Edition Flash CS3.

Usage ThumbLister.playVideo()

Returns None

Description Method; Start playing the video.

Code Example :

ThumbLister_mc.playVideo();

 

ThumbLister.pauseVideo()

Availability Flash Player 9.

Edition Flash CS3.

Usage ThumbLister.pauseVideo()

Returns None

Description Method; Pause the video.

Code Example :

ThumbLister_mc.pauseVideo();

 

ThumbLister.stopVideo()

Availability Flash Player 9.

Edition Flash CS3.

Usage ThumbLister.stopVideo()

Returns None

Description Method; Stop the video.

Code Example :

ThumbLister_mc.stopVideo();

To use event, you need to import the library:

import com.digicrafts.events.*;

Event

Object

Description

itemClickItemEvent.CLICK

Broadcast when mouse clicked on the item.

itemMouseOverItemEvent.MOUSE_OVERBroadcast when mouse over on the item.
itemMouseOutItemEvent.MOUSE_OUTBroadcast when mouse move outside the item after mouse over.
completeEvent.COMPLETEBroadcast when the all buffer images loaded.
itemSelectItemEvent.SELECT Broadcast when the thumbnail moved to center.
itemChange ItemEvent.CHANGE Broadcast when the thumbnail atart to move.


Code Example :

import com.digicrafts.events.*;    
function itemH(event:ItemEvent):void {
switch(event.type) {
//Mouse Over Event
case ItemEvent.MOUSE_OVER:
//do something when mouse over an item
//You can get the item index by
trace(event.index);
//You can get the data object by
trace(event.item);
// You can get parameter inside data object by
trace(event.item.source);
trace(event.item.title);
trace(event.item.description);
trace(event.item.link);
trace(event.item.width);
trace(event.item.height);
break;
//Mouse Out Event
case ItemEvent.MOUSE_OUT:
//do something when mouse out an item
break;
//Mouse Click Event
case ItemEvent.CLICK:
//do something when mouse click an item
break;
//Thumbnail Move Complete
case ItemEvent.SELECT:
//do something when the thumbnail move to center
break;
//Thumbnail start to change position
case ItemEvent.CHANGE:
//do something when the thumbnail move to center
break;
}
}
thumb_mc.addEventListener(ItemEvent.MOUSE_OVER,itemH);
thumb_mc.addEventListener(ItemEvent.MOUSE_OUT,itemH);
thumb_mc.addEventListener(ItemEvent.CLICK,itemH);
thumb_mc.addEventListener(ItemEvent.SELECT,itemH);
thumb_mc.addEventListener(ItemEvent.CHANGE,itemH);

Property

Type

Description

Default Value

Possible Value

dataProvider
DataProvider
Get the DataProvider for the components 
sourceStringThe path to the xml generate by Photoshop Web Gallery Function, Flickr rss or Youtube rss.
photo/photos.xml
url to the xml file
useThumbnailBooleanDetermine the use of thumbnail image in the xml source as image. truetrue/false
proxyStringThe proxy script for cross domain issue.  url to the proxy script
autostartBooleanEnable auto start when xml and image loaded
true
true/false
bufferCount Number Number of images load for buffering before the component start -1 -1 = buffer all
Positive Number
itemWidthNumberThe prefer width of each item 75Positive Number
itemHeightNumberThe prefer height of each item 75Positive Number
itemDistanceNumberDistance between each item.100Positive Number
vertical Boolean Enable vertical alignment. falsetrue/false
captionAlignment String The position of the caption. T: Top of item, B: Bottom of item, L: Left of item, R: Right of item, B B, T, L, R
captionPersistedBoolean Enable the caption to state all time truetrue/false
captionDistanceNumber The distance of caption from the item 5Positive Number
captionColorNumber The color of the caption 0x000000Positive Number
borderColor Number The color of the border 0x000000 Positive Number
borderWidth Number Thickness of the border 3 Positive Number
itemShadowNumber The value of shadow 4 Positive Number
transitionTimeNumberThe transition time of the animation. ( in seconds)1.5 secPositive Number
transitionTypeStringThe transition type of the animation.easeOutSineAny String
itemOverColorNumberSet the color of glow when mouse over.0x000000Color Value
itemZoomScaleNumber Set the scale when mouse over. 1.2Positive Number
keyboardControlEnabledBooleanEnable/Disable the keyboard control.truetrue/false
touchScrollEnabledBooleanEnable/Disable the touch scroll control.truetrue/false
wheelScrollEnabledBooleanEnable/Disable the mouse wheel control.truetrue/false
itemClickActionStringDetermine the action do when mouse click on the items. "GOTO""GOTO,GETURL"
itemOverActionStringDetermine the action do when mouse over on the items "GLOW,ZOOM""GLOW,ZOOM"
captionTargetNameStringThe instance name of dynamic text field use for hold the caption.  Any instance name of dynamic text field
nextButtonTargetNameStringThe instance name of Button/SimpleButton use to control the move to next item Any instance name of Button/ SimpleButton
prevButtonTargetNameStringThe instance name of Button/SimpleButton use to control the move to previous item Any instance name of Button/ SimpleButton
scrollBarTargetNameStringThe instance name of UIScrollbar/Slider use to control the menu movement Any instance name of Button/ SimpleButton
loaderSkinStringThe class name use of the skin for the loading animation  Any class name of movieclip symbol
itemBackgroundSkin String The class name use of the skin for the item background. THe center will align to the center of the item.   Any class name of movieclip symbol
captionSkin String The class name use of the skin for caption. There must be a dynamic text named "text" place inside the symbol.   Any class name of movieclip symbol
fcConnect String The instance name of other components which support FcConnect   Any instance name of component
Item Parameter Name Description
1 source The path to the xml generate by Photoshop Web Gallery Function, Flickr rss or Youtube rss.
2 useThumbnail Enable/disable using thumbnail image defined in the xml for image source.
3 autostart Enable auto start when xml and image loaded
4 proxy The proxy script for cross domain issue.
5 bufferCount Number of image load before component start. ( -1 = Load all images)

 

Item Parameter Name Description
1 itemWidth, itemHeight The prefer width/height of each item
2 vertical Enable vertical alignment of the thumb list
3 itemDistance Distance between each item.
4 borderWidth Thickness of the border
5 borderColor Color of the border
6 captionAlignment The position of the caption. T: Top of item, B: Bottom of item, L: Left of item, R: Right of item,
7 captionDistance The distance of caption from the item
8 captionPersisted Enable the caption to state all time
9 captionColor The color of the caption
     

 

Item Parameter Name Description
1 itemOverAction Enable/disable glow effect when mouse over.
2 itemOverColor Color of the glow effect
3 itemOverColorSize Size of glow effect
4 itemClickAction Enable/disable getURL action when click on item. Default will link to the image. It will link to url specify in xml <link> tag if <link> is not empty .
5 itemOverAction Enable/disable zoom effect when mouse over.
6 itemZoomScale The scale of item when mouse over
7 transitionType The transition type of the animation.
8 transitionTime The transition time of the animation. ( in seconds)

 

Item Parameter Name Description
1 itemShadow Set the value of shadow effect.
2 loaderSkin Class name of movieclip symbol for loader skin
3 itemBackgroundSkin Class name of movieclip symbol for item background skin. The center of the background will align to the center of the item.
4 captionSkin Class name of movieclip symbol for caption skin
5 prevButtonTargetName The instance name of component which support FC Connect

 

Item Parameter Name Description
1 keyboardControlEnabled Enable/Disable the keyboard control.
2 touchScrollEnabled Enable/Disable the touch scroll control.
3 touchScrollDirection Enable/Disable reversing the touch scroll direction.
4 wheelScrollEnabled Enable/Disable the mouse wheel control.
5 nextButtonTargetName The instance name of Button/SimpleButton use to control the move to next item
6 prevButtonTargetName The instance name of Button/SimpleButton use to control the move to previous item
7 scrollBarTargetName The instance name of UIScrollbar/Slider use to control the menu movement
8 captionTargetName The instance name of dynamic text field use for hold the caption.

 

Item Parameter Name Description
1
-
Load Preset Button
2
-
Save Preset Button