Hello,
Simply wrap your image with as many div as you need. Each one having it’s own animation.
<div id="anim-effect-1">
<div id="anim-effect-2">
<div id="anim-effect-3">
[YOUR-IMAGE]
</div>
</div>
</div>
Possibilities are very interesting this way.
anim-effect-1 would be the id that goes from top to bottom.
anim-effect-2 would be the id that goes from left to right(repeated)
anim-effect-3 could be the id that has a rotation effect.
And the image id is also available for a fading effect by example.
When I create animations as this one, I normally configure one animation at a time, I adjust them, and after I call them Manually, when needed.
Also, If what you need to do can’t be done in one animation panel. Simply create 2 animations. By example, if you need to put some JavaScript ‘OnReady’ and also ‘After the delay’. I used to put all JavaScript ‘OnReady’ code onto a parent div id.
Thread Starter
Marty
(@bozzmedia)
Aha! Thank you for the clear explanation, it all makes sense now. Fantastic support!