Scriptaculous:: White page Flash on page load in IE6

Freeway
1

Has anyone come across this?

Looking at Freeway pages with Scriptaculous TransitionFX actions applied, in IE6 each page load presents a white screen first followed by the rest of the page. Because of this delay, there is a white, page flash between each page requested from a link to a page with a Scriptaculous action - its very noticeable. The Softpress Scriptaculous page does this when seen in IE6. A normal pages load quickly enough so not giving this effect white whole screen flash effect.

And this effect is not present in IE6 when visiting http://script.aculo.us/

Looking at http://script.aculo.us/ the script is loading at the bottom of the page code, where as the Freeway is at the top.

Has anyone come across this? or does anyone know of a fix - i.e. putting the the script lower down the page so as to make the background load first?

And rambling further… And I see there is a fix for “// Fix for Scriptaculous flashing in Firefox and Camino” in the Freeway code for what looks like a similar issue

David Owen
Freeway Friendly Web hosting and Domains ::
(Test Drive a web hosting account for Free)

http://www.ineedwebhosting.co.uk

http://www.printlineadvertising.co.uk/freeway

2

This is normal, and there’s not much you can do about it except make
your page load faster.

On Jun 30, 2008, at 4:50 AM, David Owen wrote:

Has anyone come across this?

Looking at Freeway pages with Scriptaculous TransitionFX actions
applied, in IE6 each page load presents a white screen first
followed by the rest of the page. Because of this delay, there is
a white, page flash between each page requested from a link to a
page with a Scriptaculous action - its very noticeable. The
Softpress Scriptaculous page does this when seen in IE6. A normal
pages load quickly enough so not giving this effect white whole
screen flash effect.

And this effect is not present in IE6 when visiting http://
script.aculo.us/

There is an enormous file-size difference between those pages. The
Scripty page simply loads faster.

Looking at http://script.aculo.us/ the script is loading at the
bottom of the page code, where as the Freeway is at the top.

The Freeway site is using “unobtrusive” code, where the Scripty site
is using inline handlers. Both are valid, Freeway’s is nicer to
browsers and more particularly, to screen readers and other assistive
devices.

Has anyone come across this? or does anyone know of a fix - i.e.
putting the the script lower down the page so as to make the
background load first?

Make your total page size smaller, and you won’t see the problem.
Tell your visitors to upgrade – see my GetFirefox Action for a not-
too-subtle way to do this.

And rambling further… And I see there is a fix for “// Fix for
Scriptaculous flashing in Firefox and Camino” in the Freeway code
for what looks like a similar issue

The flashing this refers to is actually a subtle change in opacity
whenever a timer cycles. It has nothing to do with a large-scale page
flash such as what you describe.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

This is a pity.

Clients think the online browsing world starts and finishes with IE. And although I agree with the Get Firefox action, many PC users hate the thought of downloading anything unknown.

I’m working on a dark background site, so the white page flash is very obtrusive. I’ll have to downgrade the effect to a rollover.

David

On 30 Jun 2008, at 14:05, Walter Lee Davis wrote:

This is normal, and there’s not much you can do about it except make
your page load faster.

On Jun 30, 2008, at 4:50 AM, David Owen wrote:

Has anyone come across this?

Looking at Freeway pages with Scriptaculous TransitionFX actions
applied, in IE6 each page load presents a white screen first
followed by the rest of the page. Because of this delay, there is
a white, page flash between each page requested from a link to a
page with a Scriptaculous action - its very noticeable. The
Softpress Scriptaculous page does this when seen in IE6. A normal
pages load quickly enough so not giving this effect white whole
screen flash effect.

And this effect is not present in IE6 when visiting http://
script.aculo.us/

There is an enormous file-size difference between those pages. The
Scripty page simply loads faster.

Looking at http://script.aculo.us/ the script is loading at the
bottom of the page code, where as the Freeway is at the top.

The Freeway site is using “unobtrusive” code, where the Scripty site
is using inline handlers. Both are valid, Freeway’s is nicer to
browsers and more particularly, to screen readers and other assistive
devices.

Has anyone come across this? or does anyone know of a fix - i.e.
putting the the script lower down the page so as to make the
background load first?

Make your total page size smaller, and you won’t see the problem.
Tell your visitors to upgrade – see my GetFirefox Action for a not-
too-subtle way to do this.

And rambling further… And I see there is a fix for “// Fix for
Scriptaculous flashing in Firefox and Camino” in the Freeway code
for what looks like a similar issue

The flashing this refers to is actually a subtle change in opacity
whenever a timer cycles. It has nothing to do with a large-scale page
flash such as what you describe.

Walter

4

Try adding this to your page head:

<style type="text/css">
    html { background-color: #000 }
</style>

No idea if this will help, but it might. If you can, post a link, so we can see if there’s another trick possible.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

This fixes the white flash. Luckily its sufficient to get away with
just this. Thanks.

On 30 Jun 2008, at 14:56, waltd wrote:

Try adding this to your page head:

<style type="text/css">
    html { background-color: #000 }
</style>

No idea if this will help, but it might. If you can, post a link,
so we can see if there’s another trick possible.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options