How to animate other modules, to be later loaded

czterype

hello, I can't use html5/css animations in modules due to one time, immediate loading all modules on page. So - the animations works, but that is not visible - all animations are working in same time. I would like to animate text when module is started to be visible. How can I do that ? All modules I have positioned in section position - maybe should I reposition it to more positions like section1 secion2 etc?

regrads

pavit

Hi czterype

Don't know how you are animating your modules but you can consider to adopt this solution for example data-delay="ms"

<div class="features-image ja-animate" data-animation="fadeIn" data-delay="800">

You can look at examples animations of ja simple template contained in /less/typography.less file. and reproduce them on your website.

Regards

czterype

Thank you for your support.
I have analysed that case but that is problematic when the modules will be watched in different times.

I have built one page site with Ja events ii, so theyre is a risk that viewer goes to the last or second section in same probability.

pavit

czterype

Then i think you should use a javascript built animation.

Let us know if we can consider this as solved.

czterype

Thank you for the information, could you please let me any example? I don't have much experience with js

pavit

czterype could you please let me any example

Take a look HERE

czterype

Thank you, but I thought that will be built in template 🙁