<preloader>
| Preloader <nodes> & attributes |
Default value |
Type |
Description |
| type |
linear |
string |
Graphical auto play indicator. Available values:"circular" or "linear" |
| align_to |
slides |
string |
Refference object for aligning. Available values:"stage" or "slides" |
| align_pos |
TL |
string |
TL (top-left), TC (top-center), TR (top-right), ML (middle-left), MC (middle-center), MR (middle-right), BL (bottom-left), BC (bottom-center), BR (bottom-right) |
| x |
0 |
Number |
horizontal offset from current position |
| y |
0 |
Number |
vertical offset from current position |
| width |
120 |
Number |
width of the object |
| height |
20 |
Number |
height of the object |
| scaleX |
1 |
Number |
Horizontal scale of the object |
| scaleY |
1 |
Number |
Vertical scale of the object |
| radius |
30 |
Number |
radius of the object (valid if type is set to "circular" only) |
| <auto_hide> |
false |
Boolean |
apply defined <tweenHide> true or false -> visibility |
| time |
5 |
Number |
apply 'auto-hide' after specific amount of time (seconds) |
| <hide_on_transition> |
true |
Boolean |
true or false -> visibility |
| <background> |
| padding |
5 |
Number |
space between the preloader background and loader progress indicator |
| <tweenShow> |
Table
1 |
| <tweenOver> |
| <tweenHide> |
| <loader> |
| <tweenShow> |
Table
2 |
| <tweenOver> |
| <tweenHide> |
| <image> |
| align_to |
slides |
string |
Refference object for aligning. Available values:"stage" or "slides" |
| align_pos |
MC |
string |
TL (top-left), TC (top-center), TR (top-right), ML (middle-left), MC (middle-center), MR (middle-right), BL (bottom-left), BC (bottom-center), BR (bottom-right) |
| x |
0 |
Number |
horizontal offset from current position |
| y |
0 |
Number |
vertical offset from current position |
| scaleX |
1 |
Number |
Horizontal scale of the object |
| scaleY |
1 |
Number |
Vertical scale of the object |
| loader_direction |
right |
String |
left, right, up or down |
| alpha_loader |
1 |
Number |
Alpha value for loader |
| alpha_bg |
0.5 |
Number |
Alpha value for background |
| tint_loader |
- |
Number |
tint/color of loader |
| tint_bg
| - |
Number |
tint/color for backgraund |
| <url> |
- |
String |
Image URL |
Table 1.
| <background> |
x |
y |
scaleX |
scaleY |
tint |
alpha |
time |
delay |
ease |
| <tweenShow> |
0 |
0 |
1 |
1 |
0xff0000 |
0.75 |
.3 |
0 |
Ease.SineOut |
| <tweenOver> |
0 |
0 |
1 |
1 |
0xff0000 |
1 |
.3 |
0 |
Ease.SineOut |
| <tweenHide> |
0 |
0 |
1 |
1 |
0xff0000 |
0 |
.3 |
0 |
Ease.SineOut |
Table 2.
| <loader> |
x |
y |
scaleX |
scaleY |
tint |
alpha |
time |
delay |
ease |
| <tweenShow> |
0 |
0 |
1 |
1 |
0xff0000 |
0.75 |
.3 |
0 |
Ease.SineOut |
| <tweenOver> |
0 |
0 |
1 |
1 |
0xff0000 |
1 |
.3 |
0 |
Ease.SineOut |
| <tweenHide> |
0 |
0 |
1 |
1 |
0xff0000 |
0 |
.3 |
0 |
Ease.SineOut |
XML example:
<preloader type="circular" align_pos="MC" width="200" height="20" x="0" y="0" radius="30">
<background padding="7">
<tweenShow tint="0x2185c5" alpha="1" x="0" y="0" scaleX="1" scaleY="1"/>
<tweenOver x="0" y="0" alpha="1" scaleX="1" scaleY="1"/>
<tweenHide tint="0xFF0FF0" x="0" y="0" alpha="0" scaleX="0.1" scaleY="0.1"/>
</background>
<loader>
<tweenShow tint="0xFFFFFF" alpha="0.8"/>
<tweenOver tint="0xFFFFFF" alpha="1"/>
<tweenHide tint="0xFFFFFF" alpha="0"/>
</loader>
</preloader>
