2010-06-29 24 views
1

J'ai déjà utilisé Scriptaculous (y compris les files d'attente d'effets). Pour une raison quelconque, je ne peux pas obtenir deux images pour animer l'une après l'autre. Voici le code html:Scriptaculous Queue d'effet ne fonctionne pas

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

et mon code scriptaculous:

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

Vous pouvez voir une démonstration en direct ici: http://www.365pledge.com/tmp/55Thompson/prototype/

Ce que je veux est pour la première image de croître, et puis pour que l'autre image apparaisse. Au lieu de cela, ils animent tous les deux en même temps. Merci pour toute l'aide que vous pourrez fournir!

+0

Votre exemple nécessite un login pour voir, avez-vous un autre endroit où vous pourriez le mettre? – Jesse

Répondre

1

Votre utilisation devrait fonctionner, mais juste au cas, avez-vous essayé:

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

En outre, manquant le « nouveau » devant vos effets pourraient être ce qu'il mise sur écoute.

+0

mec, vous êtes un génie. J'ai travaillé dessus pendant quatre heures. Merci beaucoup! que se passe-t-il avec cette chose «avant»? sur d'autres pages, il me suffit de faire la queue à l'arrière. que fait le front? – tba

+0

Eh bien, à cause de la façon dont js est analysé (je ne connais pas grand-chose à ce sujet), apparemment, vous pouvez ajouter des effets au début de la file d'attente après avoir démarré la file d'attente. Donc, si vous deviez changer les deux lignes de code que j'ai données à titre d'exemple, ils feraient la même chose. Voici la page du wiki qui explique tous les trucs de la queue d'effets, vous pouvez en faire beaucoup avec eux: http://wiki.github.com/madrobby/scriptaculous/effect-queues Bravo! – Jesse