How can I run an appear effect and a fade effect in scriptaculous? I need them to run in tandam so t

Posted by LeeRM on Stack Overflow See other posts from Stack Overflow or by LeeRM
Published on 2010-02-13T13:48:26Z Indexed on 2010/03/27 16:03 UTC
Read the original article Hit count: 182

Hi,

Ive been fiddling with this for hours and hours and just cant get it right. First off my sites are already using Prototytpe and Scriptaculous, and to change would take a long time.

Basically I am after achieving a slideshow effect similar to jQuery Cycle plugin. I have written most of it but cant get over this hurdle:

I need the user to be able to press a control button which will skip the slide to which ever one they have picked. My problem is that if a fade / appear effect is running, then it causes an overlap.

I am using queues and they are in their own scope. The problem as I see it is that the fade effect on one slide and the appear effect on the next slide are separate functions. Which means that if the user clicks the control button to move to another slide whilst the animation is inbetween fade & appear, then the next cycle will slot itself in the queue between those 2 effects. The default is to append to the end of the existing queue, which should be fine. But if the appear hasnt been added when a new fade is instantiated, then the queue messes up.

I can make it so nothing happens if animation is in effect but thats not the effect I am after. I want to be able to click a slide and whatever is happening to effectively stop and the next slide appear.

This is an example of what I am after: http://www.zendesk.com/

Im sorry if that doesnt make sense. Its a tough one to explain.

Thanks Lee

© Stack Overflow or respective owner

Related posts about scriptaculous

Related posts about prototype