Recent
Categories
View Replies (3)

Animate on scroll causing flicker

0
Votes
Undo
  1. kleinpeter
    kleinpeter
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 30 January 2015
  5.  Subscribe via email
Hi all,

I'm using the Lifestyle template and I added animation to some of the images. But they are flickering...

Whenever I refresh the page, I can see the whole image for a split second and then the animation starts. I've already tried disabling the caching but with no success.

Anyone any thoughts? Here's the link: http://www.terracoach.nl

First page already has an animated image.

Thanks!
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
kleinpeter
kleinpeter
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Found the 'problem'... The picture is first being build and then hidden so it can appear again with an animation effect. However... I have the picture already in sight when the page loads, causing me to see the picture being build!

This looks like it's flickering but it's not. Nevertheless, too bad for this side effect.

Robert
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Robert

Yes is can be a problem if animating an image already in the viewport when the page loads. Images further down page usually have loaded by the time you have scrolled to them. You could try reducing the size of your image to decrease load time. You could also try adding the following attribute to your image which will put a delay on the animation...


data-wow-delay="5s"


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!