Autumn Leaves

[Metermaid]

1) Script Title: Autumn Leaves

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...m#.Ukv_hRZzr0c

3) Describe problem: I can see the leaves queued up top left but they don't fall - no pun intended! LOL

Link to my test forum: http://testingwellies.proboards.com

[Beverleyh]

The link you posted only goes to a login page that doesn't contain the script.

[Metermaid]

Ooops sorry - sorted now.

[jscheuer1]

This is an old script and was written for quirks mode. The page you're using it on is in standards mode. You can use this update:

http://home.comcast.net/~jscheuer1/s...s_bidirect.htm

Use your browser's "View Source" to get the code.

I know, the demo is bubbles moving up, but in the configuration you can change the images as well as the direction, and a few other things.

Any questions. just let me know.

[Metermaid]

Thanks John - I'll give it a try.

[Metermaid]

Working a treat now thanks John.

[jscheuer1]

That page takes forever to load, and the leaves won't start falling until it does. You might want to change this in the script:

window.onload=fall;

(since you already have jQuery on the page) to:

jQuery(fall);

which will execute it once the document has been parsed.

But that might be too soon - the leaf images might not have loaded yet. If so and it looks bad, we can modify the script to delay either execution or revealing itself until they are loaded.

[Metermaid]

The leaves certainly start falling much sooner now, John.

[jscheuer1]

Good, I thought of another improvement after testing in IE 10. It seems that IE 9 and greater can handle the "ns6" way of working things and behave better with it (prevents the page from getting larger and smaller when the leaves cross over the right and bottom edges - aka "dancing scrollbars"). To take advantage of that, add the highlighted, as shown:

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all||window.opera)?1:0;
var newie = /MSIE (\d+)/.exec(navigator.userAgent);
if(newie && newie[1] > 8){ns6 = true;}
speed=ns6? speed-12 : speed

IE 8 and less still need the old IE methods and will use them. For some reason though they, IE 8 at least, have a problem with the page getting larger and smaller as mentioned above. The script was supposed to prevent that, but IE 6 was the latest IE browser at that time, probably still works fine in it. If I see an easy fix, I'll let you know.

[Metermaid]

I'll add that as you have suggested. I'm a Mac Safari user by the way.