2010-06-29 3 views
1

Я использовал Scriptaculous раньше (включая очереди эффектов). По какой-то причине я не могу получить два изображения для анимации один за другим. Вот HTML код:Scriptaculous Effect Queue Not Working

<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

ответ

1

Ваше использование должно работать, но только в том случае, пытались ли вы:

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

Кроме того, отсутствует «новый» перед вашими эффектами может быть то, что это пристанет.

+0

чувак, ты гениальный. Я работаю над этим четыре часа. Спасибо большое! Что происходит с этой «передней» вещью? на других страницах мне достаточно просто стоять на спине. что делает фронт? – tba

+0

Ну, из-за того, как js разобран (я не знаю, что много об этом), по-видимому, вы можете добавлять эффекты в очередь перед очередью после запуска очереди. Итак, если бы вы переключили две строки кода, которые я привел в качестве примера, они бы сделали то же самое. Вот страница в вики, в которой объясняется весь материал очереди эффектов, вы можете сделать с ними много: http://wiki.github.com/madrobby/scriptaculous/effect-queues Приветствия! – Jesse