Improved Animations for Lectora Online

xithis Community Member Posts: 66
I've been working on a new project, and I wanted to integrate better animations. You can do the same!

First load this javascript from here and put it as an external script (top of file):

<script src=''></script&gt;
<script src='TweenMax.min.js'></script>

Then here is a custom script that I wrote to animate groups within Lectora.  You just call the javascript like this: lectoraAnimate(nameofgroup,'typeofanimation','direction');  I'll be adding more to this as I get requests from coworkers, but this works for our needs right now. You can repurpose this and change it to a CSS name, and use it as well to animation CSS named things.


It basically finds all the objects in a group and animates them together. We are using it to animate many 'cards' on a page, so it looks more flashy and less flickering between pages because we have less pages. This does work with Lectora Online 3 as well.