Improved Animations for Lectora Online

xithis
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='https://code.jquery.com/jquery-2.1.4.min.js'></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.

Code:
https://jsfiddle.net/fh0c27yy/

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.

Comments