We have created a video for lexic-on.ru/ru site. It is available here. You can see the slider is working, animation at the bottom of the page too. Could you describe in more details what exactly doesn't work?

Regards,
ARI Soft

What you see in the bottom is not an animation - it's a video background.

Animation stops working in modules.

lexic-on.ru/ru (no animation in modules with ARI Layer Slider. animation works only after page scroll, but must work on page load as in example below)
lexic-on.ru/en (animation works without ARI Layer Slider).

Video is here >>

Javascript code of prianimation plugin is executed before javascript code of the slider (the slider calculates width and height of container element to adapt it for screen size) and prianimation can't correctly calculate height of the slider and doesn't execute animation. The plugin supposes the elements ("Why us" and etc.) are located in non-visible area. It executes animation only for visible elements and re-check visibility on scroll event.

Add the following CSS rule to a site template CSS file and clean browser's cache:

.xslider {height:1px;}

It should help.

Regards,
ARI Soft

Thanx. It helped. But this solution is temporary because the slider loads slower then other modules which results in the page jumps down after the slider has loaded. It is impossible to specify fixed xslider height (i've specified 350px instead of 1px) because it is responsive and the height is changing all the time.

Upgrade the component to v. 1.0.9. It calls javascript to initialise the slider as soon as possible (in most cases when DOM is ready).

Regards,
ARI Soft

Thanx. It's not perfect but a bit better.