Script Aculo Us Fade in Div Help?!

Discussion in 'JavaScript' started by wd_2k6, Apr 1, 2008.

  1. #1
    Hi, I was wondering if the following is possible?

    I have 4 div's on a page..

    Can i make them fade in 1 by 1 automatically when the page loads?

    I've seen the Affect Appear, which can be done when the user clicks something, but i need it to be done automatically when the page loads and 1 by 1 in a queue i suppose?
     
    wd_2k6, Apr 1, 2008 IP
  2. GreatMetro

    GreatMetro Peon

    Messages:
    117
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You can use the effect queue, which is documented on the scriptaculous site; essentially, in the options hash, you add:

    queue: {position:'end', scope: 'divAppear'}
     
    GreatMetro, Apr 5, 2008 IP
  3. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #3
    The scriptaculous wiki isn't working at the moment, so i just copied the script off their homepage as it is very similar to something that I am looking for.
    Will scriptaculous have a problem with me doing this?

    Lastly I have one problem. If you visit the scriptaculous homepage I have done the same except i have the 4 circle boxes one underneath each other. However text underneath the heading (inside the <p> element set to the appear effect) seems to overlap one another?

    I'm pretty new to this and can't think of a way to make the paragraphs appear underneath one another instead of overlapping? The headings do not have this problem these are set to another effect.
     
    wd_2k6, Apr 5, 2008 IP