Results 1 to 7 of 7

Thread: Autumn Leaves script modified by jscheuer

  1. #1
    Join Date
    Mar 2007
    Posts
    35
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default Autumn Leaves script modified by jscheuer

    1) Script Title: Autumn Leaves

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex3/leaves.htm

    3) Describe problem: The modified script by jscheuer works fine as used on my website:

    http://lectronixsales.com/query

    but the footer gets completely covered with the leaves and also I would request you to let me know how to insert specifically 7 balloons instead of leaves. Please note that this is for a birthday site & as such I am required to put only 7 balloons coming from top & resting above the footer so the footer can also be visible.
    Thank you for your time & effort.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,946
    Thanks
    43
    Thanked 3,193 Times in 3,156 Posts
    Blog Entries
    12

    Default

    Use balloon images instead of leaves and put this in the stylesheet for the page:

    Code:
    #footer {z-index: 1000;}
    You might find this demo helpful:

    http://home.comcast.net/~jscheuer1/s...(balloons).htm

    Any other questions, just ask.
    Last edited by jscheuer1; 03-23-2014 at 07:04 PM. Reason: add demo
    - John
    ________________________

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

  3. #3
    Join Date
    Mar 2007
    Posts
    35
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default

    Thank you for your prompt reply. I need the balloons to fall in a row like ABCDEFG (as say name of the person whose birthday it is) Though in your source code you mention 7 balloons there seem to be many more. Kindly note the specific requirement is 7 balloons & first A balloon should fall then B balloon & so on - is that possible? Also can you simplify & explain if I have to put the balloon images in a specific folder - you have done it in a more technically sophisticated way which I am unaware of - I see no image folder in your source code. Please note I am just a layman & not a pro & this site is just for a friend. The Z index worked fine & once again thank you for your time, effort & patience.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,946
    Thanks
    43
    Thanked 3,193 Times in 3,156 Posts
    Blog Entries
    12

  5. #5
    Join Date
    Mar 2007
    Posts
    35
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default

    Thank you for your effort in trying to help me & you are almost there. But i want the balloons to stop so the message at the end should read HAPPY BIRTHDAY.because the page will have text & pic also & the continuous falling of the balloons might be irritating for viewers of the web page. Also how & where do i put the balloon images - i mean do i create a folder for images & insert the balloons there? - in your source code i see no such link to the images folder, kindly explain Thank you Sir.

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,946
    Thanks
    43
    Thanked 3,193 Times in 3,156 Posts
    Blog Entries
    12

    Default

    How about:

    http://home.comcast.net/~jscheuer1/s...alloons-3).htm

    For the balloon images I made a folder called balloonimages and put them in there. Then referenced them in the code like so:

    Code:
    var gb = 'balloonimages/ballon', ge = '.gif'
    and got them to count out with:

    Code:
     i = 7, ga = [];
    	while(--i){ga.push(gb + i + ge);}
    (they are currently ballon1.gif through ballon6.gif)

    If you look at the code on jqfallrise(balloons-3).htm, you will see the above is already there. I could have just made (written out) a literal Array.

    I'll attach a zip of the images (right click and 'Save As'):

    balloonimages.zip

    But you may make and/or find your own images. In fact, I was just playing around with this a bit more and it's more realistic and clen with solid balloons (the current live balloons are transparent where they show a 'reflection' of light). Here are the solid ones (they're still transparent outside the balloons):

    solidballoonimages.zip

    Demo with solid images and another refinement (allowance for spaces in the text):

    http://home.comcast.net/~jscheuer1/s...alloons-4).htm
    Last edited by jscheuer1; 03-28-2014 at 01:19 AM. Reason: add 'solid' balloons and 2nd demo links
    - John
    ________________________

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

  7. #7
    Join Date
    Mar 2007
    Posts
    35
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default

    Thank you! - you are truly the GOD of java scripts!!

Similar Threads

  1. Autumn Leaves
    By Metermaid in forum Dynamic Drive scripts help
    Replies: 77
    Last Post: 10-30-2013, 11:18 PM
  2. Autumn Leaves Script - Slow in IE
    By SummerLucky in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-29-2011, 05:44 PM
  3. DD Autumn leaves script
    By ianric in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-05-2008, 07:49 PM
  4. Autumn Leaves Script invoked from diff frame
    By codymaxx in forum Dynamic Drive scripts help
    Replies: 16
    Last Post: 08-09-2005, 05:29 PM
  5. Script : Autumn leaves -> how to limit it to a banner
    By SpaceBoy in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 12-10-2004, 08:09 PM

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
  •