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!
> > --
> > J.C. Berry, M.A.
> > UI Developer
> > 619.306.1712(m)
> > jcharlesbe...@gmail.com
> > http://www.mindarc.com
> >
> >
> ------------------------------------------------------------------------------------------------------------------------------------------------
> >
> > This E-mail is covered by the Electronic Communications Privacy Act, 18
> > U.S.C. ?? 2510-2521 and is legally privileged. This information is
> > confidential information and is intended only for the use of the
> individual
> > or entity named above. If the reader of this message is not the intended
> > recipient, you are hereby notified that any dissemination, distribution
> or
> > copying of this communication is strictly prohibited.
> >
> >
> ------------------------------------------------------------------------------------------------------------------------------------------------
> >
>
>
>
> --
> J.C. Berry, M.A.
> UI Developer
> 619.306.1712(m)
> jcharlesbe...@gmail.com
> http://www.mindarc.com
>
> ------------------------------------------------------------------------------------------------------------------------------------------------
>
> This E-mail is covered by the Electronic Communications Privacy Act, 18
> U.S.C. ?? 2510-2521 and is legally privileged. This information is
> confidential information and is intended only for the use of the individual
> or entity named above. If the reader of this message is not the intended
> recipient, you are hereby notified that any dissemination, distribution or
> copying of this communication is strictly prohibited.
>
> ------------------------------------------------------------------------------------------------------------------------------------------------
> ______________________________________________________________________
> 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/
>
______________________________________________________________________
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/

Reply via email to