Thumbnail List
|
|
|
|
| FlashStore rating: |
|
| User rating: |
Not rated yet.
|
| Date: |
18-12-06 |
| Submited by: |
jumpeye |
| Skill: |
intermediate |
| Price: |
$ 49.99 |
|
|
| |
About |
Thumbnail List is a navigation component that enables you to load a set of images, swf's or symbols from library, fed from an xml file, through which you can scroll with the help of scroll bars, mouse movement or mouse dragging. It's an excellent component when used in photo galleries for example, because it was developed to adjust on any environment you could think of, technical and artistic, due to the roll over effects on the thumbs that will add creativity and style to your projects and due to the resizing types supported by the thumbs that will enable you to display the content in the best way possible.
Compatibility: Flash 8, published for Flash Player 8+
ThumbnailList can be accessed from Components panel under UI Pro Components – jumpEYE. |
UI Access |
| Components panel under UI Pro Components – jumpEYE. |
Support address |
|
|
Useful links |
|
Download documentation |
|
Thumbnail List documentation (408.15 KB)
|
Free Trial Version |
|
Click here to download the trial/demo version (2569.95 KB)
|
Code samples |
First you have to instal the mxp file that you received and then close Flash and open it again to refresh the Component panel or just press Ctrl+F7 and press the reload button. With the ThumbnailList component in your Components list drag it onto the Stage. You should have the Component Inspector(Alt+F7) or the Properties panel opened and the ThumbnailList selected in order to set the xmlPath parameter.
You can also use the actionscrip to add the component on stage like below.
//matrix object that will be assigned to the matrix property
// of the ThumbnailList component
var matr:Object = new Object({lines:4, columns:6});
this.attachMovie("ThumbnailList", "matrix_mc", this.getNextHighestDepth());
// set some of the properties of the component
matrix_mc.keepScrollButtonSize = true;
matrix_mc.matrix = matr;
matrix_mc.setSize(300, 300);
matrix_mc.displayEffect = "fade in";
matrix_mc.rollOverEffect = "black&white";
matrix_mc.backgroundColor = 0x000000;
matrix_mc.preloader = "circle";
matrix_mc.preloaderColor = 0xFFFF00;
matrix_mc.thumbBorderSize = 5;
matrix_mc.thumbBorderCornerRadius = 5;
matrix_mc.thumbBorderColor = 0xFFFFFF;
matrix_mc.thumbWidth = 100;
matrix_mc.thumbHeight = 100;
matrix_mc.thumbSpacing = 5;
matrix_mc.remainActiveOnPress = true;
// load the xml file and display the thumbs
matrix_mc.load("dataXML.xml");
var listener:Object = new Object();
listener.onPressThumb = function(xmlNode:Object, thumb:MovieClip, clipIndex:Number):Void {
loader_mc.contentPath = xmlNode.thumbnail;
trace("symbol or image file: "+xmlNode.thumbnail);
trace("the corresponding large image: "+xmlNode.large);
trace("image description: "+xmlNode.description);
trace("the thumbnail that triggered the event: "+thumb);
trace("the index of the thumb: "+clipIndex);
}
listener.onSlideshowChange = function(xmlNode:Object, thumb:MovieClip, clipIndex:Number):Void {
loader_mc.contentPath = xmlNode.thumbnail;
trace("symbol or image file: "+xmlNode.thumbnail);
trace("the corresponding large image: "+xmlNode.large);
trace("image description: "+xmlNode.description);
trace("the thumbnail that triggered the event: "+thumb);
trace("the index of the thumb: "+clipIndex);
}
matrix_mc.addListener(listener);
|
|
|
|
|
|
