Question

I’m trying to build a slideshow using jquery. The animation for the next image to rotate takes 1 second and the slider also has next and prev controls.
Is it possible to block the next and prev control to fire while the animation is ongoing?

Answer 1

Use a global variable (e.g. var animating = false) to indicate the status of animation.

Set it to true when animation begins, and set it to false when animation ends (in the callback function).

In the prev and next functions, just check animating. If it is true, do nothing except return.