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?
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'}
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.