Welcome, Guest

TOPIC: Animations occur on page load, not on scrolling!

Animations occur on page load, not on scrolling! 8 years 4 months ago #371

Wedrer
Offline
New Member
Posts: 2
Karma: -1

Hello:

I have 3 pictures side by side, and I want to achieve an appearance animation on each picture.
Those 3 pictures are right below the revolution header on my main page: http://ho-creative.com.

Inside the visual editor widget, I wrapped the two first pictures inside the AnimateIt code:

[edsanimate animation="bounceInLeft" duration="5" infinite_animation="no" animate_on="scroll" scroll_offset="200" ]

<a href="http://ho-creative.com/.../MIF.jpg"><img class="alignnone size-full wp-image-92" src="http://ho-creative.com/.../MIF.jpg" alt="MIF" width="300" height="300" /></a>

[/edsanimate]

BUT, the animations occur on page load, not on scrolling. (I know so because if I wait enough before scrolling down, I find the 2 first pictures already in final position).

How to fix it please?

PS: The third picture does a flip on hovering like it should.

Extra question 1: Is it possible to wrap an element inside two animations? ([/edsanimate] [/edsanimate])

Extra question 2: Can AnimateIt be used to tween colors (from B&W to color) ?

Thanks a lot!!!

The administrator has disabled public write access.

Animations occur on page load, not on scrolling! 8 years 4 months ago #372

eLEOPARD
Offline
Administrator
Posts: 409
Thank you received: 54
Karma: -28

Hello,

Regarding the first question, Try to increase the scroll offset under Settings -> Animate It! so that animation will start after a major part of your image is in the view port (visible area of website), please let me know if it works.

Regarding Question 2, The feature is not supported using Short codes however you can use class generator www.downloads.eleopard.in/class-generator-wordpress.html along with DIV tags to create nested animations.

Regarding Question 3, Currently this feature is not available.

The administrator has disabled public write access.

Animations occur on page load, not on scrolling! 8 years 4 months ago #373

Wedrer
Offline
New Member
Posts: 2
Karma: -1

Hello:

Thank you for your fast answer.

I followed your advice, and played a bit with the scroll_offset variable.
It turned out that starting from 290, my pictures start to behave as expected: They animate when 2.9 times their height on the screen.
That's good, but frankly, this is too high!!! The pictures appear when the viewer is done with that part of the screen..

If you go to my website (ho-creative.com), the first picture has now a 290 offset value, the second one has 280.
The second one animates on page load, but the first one as it should.

Do you think it's theme related? (I'm using the sydney theme)

My goal is to animate my pictures at offset 100; can you please help? Thanks a lot!!!!

BR

The administrator has disabled public write access.