Page 1 of 8 123 ... LastLast
Results 1 to 10 of 78

Thread: Autumn Leaves

  1. #1
    Join Date
    Sep 2012
    Location
    Lincoln, UK
    Posts
    20
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Question Autumn Leaves

    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

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,933
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    9

    Default

    The link you posted only goes to a login page that doesn't contain the script.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Sep 2012
    Location
    Lincoln, UK
    Posts
    20
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    Ooops sorry - sorted now.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,191 Times in 3,155 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Metermaid (10-19-2013)

  6. #5
    Join Date
    Sep 2012
    Location
    Lincoln, UK
    Posts
    20
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    Thanks John - I'll give it a try.

  7. #6
    Join Date
    Sep 2012
    Location
    Lincoln, UK
    Posts
    20
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    Working a treat now thanks John.

  8. #7
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,191 Times in 3,155 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    window.onload=fall;
    (since you already have jQuery on the page) to:

    Code:
    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  9. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Metermaid (10-19-2013)

  10. #8
    Join Date
    Sep 2012
    Location
    Lincoln, UK
    Posts
    20
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

    The leaves certainly start falling much sooner now, John.

  11. #9
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,191 Times in 3,155 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  12. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Metermaid (10-19-2013)

  13. #10
    Join Date
    Sep 2012
    Location
    Lincoln, UK
    Posts
    20
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Default

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

Similar Threads

  1. Autumn Leaves
    By Metermaid in forum Dynamic Drive scripts help
    Replies: 9
    Last Post: 09-17-2012, 08:17 AM
  2. autumn leaves
    By chaotic in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 11-17-2008, 08:30 PM
  3. Autumn leaves!!!!
    By Don in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 10-14-2008, 11:14 AM
  4. DD Autumn leaves script
    By ianric in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-05-2008, 07:49 PM
  5. Autumn leaves
    By walshy in forum JavaScript
    Replies: 3
    Last Post: 08-09-2005, 09:23 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •