2010-06-29 86 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