Layer window - Animations

These are the layer animations, which will make your layers come in to your slides, go out from it, also if you want to you can make them have a repeating animation while you are watching their slides. You can choose or create your animations in the Animation manager.

IN

Incoming animations, which will move into the layers.

LOOP

Loop animations, which are looped in the layers as long as you are on the slides they are used on.

OUT

Outgoing animations, which will move out of the layers.

Demo sliders

Would you like to see some example on how these animations are working on real sliders? Check out these demo sliders:

EVENTS

Your layer animations doesn't have to be triggered by the slide changing, but you can also trigger them by using different events, like when your mouse enters the slide, or when you click on an item, etc.. There are two options, one of them are the selectable events, what you can choose from the drop down list in the animation manager, which are these:

  • LayerClick: triggers the animation when the layer is clicked
  • LayerMouseEnter: triggers the animation when the cursor enters the layer area
  • LayerMouseLeave: triggers the animation when the cursor leaves the layer area
  • SlideClick: triggers the animation when the slide is clicked
  • SlideMouseEnter: triggers the animation when the cursor enters the slide area
  • SlideMouseLeave: triggers the animation when the cursor leaves the slide area
  • SliderClick: triggers the animation when the slider is clicked
  • SliderMouseEnter: triggers the animation when the cursor enters the slider area
  • SliderMouseLeave: triggers the animation when the cursor leaves the slider area
  • layerAnimationPlayIn: triggers the animation when the layer animations start (e.g.: on slider load or after slide swithcing

And there are the custom events, which can be called from this tab with these triggers:

  • Click
  • Mouse enter
  • Mouse leave
  • Media started (only works with video and audio layers!)
  • Media paused (only works with video and audio layers!)
  • Media stopped (only works with video and audio layers!)

You can also write your own JavaScript codes in here.

Demo sliders

Would you like to see some example on how the events are working on real sliders? Check out these demo sliders: