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. |
length | Number of thumbnail |
started | Indicating if the component started. |
Availability Flash Player 9.
Edition Flash CS3.
Usage ThumbLister.nextItem()
Returns None
Description Method; Move to next Item.
Code Example :
ThumbLister_mc.nextItem();
Availability Flash Player 9.
Edition Flash CS3.
Usage ThumbLister.prevItem()
Returns None
Description Method; Move to previous item.
Code Example :
ThumbLister_mc.prevItem();
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");
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();
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();
Availability Flash Player 9.
Edition Flash CS3.
Usage ThumbLister.playVideo()
Returns None
Description Method; Start playing the video.
Code Example :
ThumbLister_mc.playVideo();
Availability Flash Player 9.
Edition Flash CS3.
Usage ThumbLister.pauseVideo()
Returns None
Description Method; Pause the video.
Code Example :
ThumbLister_mc.pauseVideo();
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 |
---|---|---|
itemClick | ItemEvent.CLICK | Broadcast when mouse clicked on the item. |
itemMouseOver | ItemEvent.MOUSE_OVER | Broadcast when mouse over on the item. |
itemMouseOut | ItemEvent.MOUSE_OUT | Broadcast when mouse move outside the item after mouse over. |
complete | Event.COMPLETE | Broadcast when the all buffer images loaded. |
itemSelect | ItemEvent.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 | ||
source | String | The path to the xml generate by Photoshop Web Gallery Function, Flickr rss or Youtube rss. | photo/photos.xml | url to the xml file |
useThumbnail | Boolean | Determine the use of thumbnail image in the xml source as image. | true | true/false |
proxy | String | The proxy script for cross domain issue. | url to the proxy script | |
autostart | Boolean | Enable 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 |
itemWidth | Number | The prefer width of each item | 75 | Positive Number |
itemHeight | Number | The prefer height of each item | 75 | Positive Number |
itemDistance | Number | Distance between each item. | 100 | Positive Number |
vertical | Boolean | Enable vertical alignment. | false | true/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 |
captionPersisted | Boolean | Enable the caption to state all time | true | true/false |
captionDistance | Number | The distance of caption from the item | 5 | Positive Number |
captionColor | Number | The color of the caption | 0x000000 | Positive Number |
borderColor | Number | The color of the border | 0x000000 | Positive Number |
borderWidth | Number | Thickness of the border | 3 | Positive Number |
itemShadow | Number | The value of shadow | 4 | Positive Number |
transitionTime | Number | The transition time of the animation. ( in seconds) | 1.5 sec | Positive Number |
transitionType | String | The transition type of the animation. | easeOutSine | Any String |
itemOverColor | Number | Set the color of glow when mouse over. | 0x000000 | Color Value |
itemZoomScale | Number | Set the scale when mouse over. | 1.2 | Positive Number |
keyboardControlEnabled | Boolean | Enable/Disable the keyboard control. | true | true/false |
touchScrollEnabled | Boolean | Enable/Disable the touch scroll control. | true | true/false |
wheelScrollEnabled | Boolean | Enable/Disable the mouse wheel control. | true | true/false |
itemClickAction | String | Determine the action do when mouse click on the items. | "GOTO" | "GOTO,GETURL" |
itemOverAction | String | Determine the action do when mouse over on the items | "GLOW,ZOOM" | "GLOW,ZOOM" |
captionTargetName | String | The instance name of dynamic text field use for hold the caption. | Any instance name of dynamic text field | |
nextButtonTargetName | String | The instance name of Button/SimpleButton use to control the move to next item | Any instance name of Button/ SimpleButton | |
prevButtonTargetName | String | The instance name of Button/SimpleButton use to control the move to previous item | Any instance name of Button/ SimpleButton | |
scrollBarTargetName | String | The instance name of UIScrollbar/Slider use to control the menu movement | Any instance name of Button/ SimpleButton | |
loaderSkin | String | The 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 |
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|
![]() |
|