Can''t seem to figure this scriptaculous out:
I''ve got some divs set to none that I''d like to have appear on
body
load. The div named "image" appears just fine, but the divs named
"cd1", "cd2", and "cd3" won''t appear.
I''m calling all of the
effect.appear functions through a single function called "onloadfunc".
"onloadfunc" is called on body load.
I can''t figure out why the "image" div appears, but the
others won''t!
-----------------------------------------------------------
Here''s the html code:
<div style="height: 135px">
<div id="image" style="display: none; height: 135px;
float: left;">
<img src="images/rimage.jpg" />
</div>
<div id="cd1" style="display: none; height: 135px; width:
100px;
float: left; margin: 0px 0px 0px 50px;">
<div align="center"><img
src="images/cd_yucky.gif">
<br>Go from This
</div>
</div>
<div id="cd2" style="display: none; height: 100px; width:
100px;
float: left; margin: 0px 0px 0px 50px; text-align: center;">
<br><br><br>To
</div>
<div id="cd3" style="display: none; height: 135px; width:
100px;
float: left; margin: 0px 0px 0px 50px;">
<div align="center"><img
src="images/cd_yummy.gif">
<br>THIS!
</div>
</div>
<div style="float: clear;"></div>
</div>
--------------------------------------------------------------------------------------
Here''s the script:
function rolloverpreload()
{
MM_preloadImages(''images/submitorderon.gif'');
}
function imageappear()
{
Effect.Appear(''image'', {duration: 2.0});
Effect.Appear(''image2'', {duration: 2.0});
Effect.Appear(''image3'', {duration: 2.0});
Effect.Appear(''image4'', {duration: 2.0});
}
function cdappear()
{
Effect.Appear(''cd1'', {delay: 2.0, duration: 2.0});
Effect.Appear(''cd2'', {delay: 4.0, duration: 2.0});
Effect.Appear(''cd3'', {delay: 6.0, duration: 2.0});
}
function onloadfunc()
{
rolloverpreload();
imageappear();
cdappear();
}
-------------------------------------------------------
Any Ideas?
