2010-06-29 70 views
1

我以前使用过Scriptaculous(包括效果队列)。出于某种原因,我无法让两个图像依次进行动画制作。下面是HTML代码:Scriptaculous效果队列不工作

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

和我Scriptaculous的代码:

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

你可以看到现场演示在这里:http://www.365pledge.com/tmp/55Thompson/prototype/

我要的是第一个图像增长, 然后为其他图像出现。相反,它们同时具有动画效果。感谢您的任何帮助,您可以提供!

+0

您的示例需要登录才能查看,您是否有另一个地方可以放置它? – Jesse 2010-06-29 04:22:30

回答

1

您的使用应该工作,但为了以防万一,你有没有尝试:

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

而且,缺少“新”在你面前的影响可能是什么窃听它。

+0

老兄,你是一个真诚的人。我一直在为此工作四个小时。非常感谢! 这个'前面'的事情是怎么回事?在其他页面上,我只需排队到后面就足够了。前线做什么? – tba 2010-06-29 04:28:27

+0

好吧,由于js被解析的方式(我对此不太了解),显然你可以在开始队列后将效果添加到队列的前面。所以,如果你要切换我给出的两行代码作为例子,他们会做同样的事情。 这里是维基页面,解释所有的效果队列的东西,有很多你可以用它们做的:http://wiki.github.com/madrobby/scriptaculous/effect-queues 干杯! – Jesse 2010-06-29 21:30:01