Description
The Edge Animation module allows users to embed animations and other projects created in Adobe Edge Animate software.
Properties
The list starts with the common properties. Learn more about them by visiting the Modules description section. The other available properties are described below.
| Property name |
Description |
| Animations |
| Property name |
Description |
| Composition Class |
Composition Class of the animation created in the Edge Animate, found in the Stage properties. |
| edge.js |
If the Edge project is saved as “Project1”, then you have to upload the "Project1_edge.js" file. |
| edgeActions.js |
If the Edge project is saved as “Project1”, then you have to upload the "Project1_edgeActions.js" file. |
|
| Images |
| Property name |
Description |
| Animation Item Number |
Provide the animation number from the Animations list. |
| Edge element IDs (CSV) |
The list of the Edge elements or symbols that will use the image provided in the next property field. Element names have to be comma-separated, e.g., "head,eyes,nose, mouth". If the element is inside a symbol, e.g., element "eyes" is within a symbol "head", the full name has to be "head_eyes". The same rule applies to all nested symbols, e.g., when the element "pupil" is within a symbol "eye" which is inside a symbol "head", then the full name should be "head_eye_pupil". |
| Image File |
A file in the browser supported by a file type that will be used as a background or a "src" attribute of all elements provided in the previous property.
This property allows online resources. Find out more »
|
|
| Initial Animation |
The item number of the initially displayed animation. |
| Narration |
Narration for the animation. |
Supported commands
| Command name |
Params |
Description |
| switchAnimation |
item |
Changes the visible animation to the one with the item number provided as a parameter. |
| getEdgeComposition |
--- |
Returns the current Edge animation's Composition Object and all its methods. |
| getEdgeStage |
--- |
Returns the current Edge animation's Stage Object and all its methods. |
| play |
position |
Starts the animation and all nested symbols from their current position or the position provided as a parameter. |
| stop |
--- |
Stops the animation and all nested symbols at 0. |
| pause |
position |
Stops the animation and all nested symbols in their current position or in the position provided as a parameter. |
| hide |
--- |
Hides the module if it is visible. |
| show |
--- |
Shows the module if it is hidden. |
Events
The Edge Animation module does not send events.
CSS classes
| Class name |
Description |
| .edgeMultiAnimWrapper |
Main class containing the entire module's content. |
Styles from a sample presentation
EdgeAnimation_test {
background: #ffffff;
padding: 2px;
border: 1px solid #bbbbbb;
}
Demo presentation
Demo presentation contains examples of how to use the Edge Animation module.
