[Plugin: The Welcomizer] Animation with more than 2 moves

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.

Aha! Thank you for the clear explanation, it all makes sense now. Fantastic support!