Please see below:
On 3/20/15 12:34 PM, Chad Lundgren wrote:
Hi, FOUC is as good a name as any.
The problem is that your slides need to be set to display: none in your
CSS. This issue is happening because the JavaScript must load and be parsed
before it can set the display to none. This takes just long enough for this
flash. CSS, on the other hand, must all be downloaded and parsed before the
page will render, pretty much for this exact reason.
The JavaScript, which is effectively using inline style tags, will have no
problem overriding the display: none.
Thanks, Chad
On Fri, Mar 20, 2015 at 12:09 PM, J.C. Berry <jcharlesbe...@gmail.com>
wrote:
I was reading and realized that may not be the correct terminology... no
wonder the comments about an older problem. When I said flash of unstyled
content, in my particular case I meant that the homepage banners on these
pages
http://www.xifin.com
http://www.xifin.com/radiology
and the video carousels on these as well
http://xifin.com/resources/success-stories
http://xifin.com/resources/success-stories/Renaissance-RX
all show the images before they are laid out correctly. If the page loads
slower, it takes longer for the positions to be set correctly and for the
animations to start.
What do you call this?
On Fri, Mar 20, 2015 at 10:36 AM, J.C. Berry <jcharlesbe...@gmail.com>
wrote:
Hello all, can you shed any light on how to fix a FOUC on our homepages?
http://www.xifin.com
http://www.xifin.com/radiology (maybe not bad?)
Thanks in advance!
Yes. This is a JavaScript problem. Basically, you need to check that each image
is loaded before displaying it.
If you have problems with the layout prior to the images loading, do come back
for CSS help.
--
Cordially,
David
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
