Images Appearing Quickly on page load Before Fade in Animation

1

Hi There, I am having an issue where some of my images appear quickly and then disappear before the fade in animation happens. I thought this was maybe an issue with cached images appearing before the new page loaded but it happened on an iPad when the site was accessed for the first time. Let me know if anyone has any thought. The URL is http://yourbooksoflife.com

2

That may be a little hard to figure out from just looking at the site.

Are you able to post the project. Maybe just on scene

3

Here is the home page https://www.dropbox.com/sh/dqtq91xtw83vcfk/AADUf2xP8BAiRxwcz-dA3PMVa?dl=0

4

So initially I thought it was to do with the Layouts. If I removed the extra Layouts the issue went away.

But it turns out that it is the preload. Taking preload of the stacks images stops the refresh.

I am not sure why this would be the case. But for some reason the Preload and Layouts together produces this issue. Alone the problem goes away.

5

Do you mean preload images? Should I uncheck preload images of each image on each page?

6

In the Resources. I selected the stacksy images and unchecked it’s preload.

I assume you want to keep the layouts so I am not saying this is the thing to do per say more that this does stop the issue and allow you to use the layouts.

Maybe someone else can chip in with an idea of why this happens and a better way to solve it.