Question

I’ve used Scriptaculous before (including effect queues). For some reason, I can not get two images to animate one after the other. Here is the html code:

<img id=redDot src='images/home_img_icon1.jpg'> 
<br>
<br>
<img id=text55 style="display:none" src='images/home_img_icon2.jpg'>

and my scriptaculous code:

<script language="javascript">
    Effect.Grow('redDot');
    Effect.Appear('text55', {queue : 'end'});
</script>

You can see a live demo here: http://www.365pledge.com/tmp/55Thompson/prototype/

What I want is for the first image to grow, and then for the other image to appear. Instead, they both animate at the same time. Thanks for any help you can provide!

Answer 1

Your usage should work, but just in case, did you try :

new Effect.Grow('redDot', { queue: 'front' });
new Effect.Appear('text55', { queue: 'end' });

Also, missing the “new” in front of your effects might be what’s bugging it.