JQuery Animations

Dec 14

Boris KuzmicPublic , , 1 Comment

Chris Coyier first stared experimenting with  JQuery animations in his post and why they queue up during time. I also got curious and began to search for the possible solution. And I think I’ve found it.

The solution is to use JQuery’s function used with animation plugin: dequeue and stop and also combine animation callbacks to track when one animation finishes.

I’ve made two examples. I’m not a designer so they aren’t very pretty.

First example – shows response on Chris’s Silhouette Fadeins to demonstrate simple approach using only one image (CSS slices), removing any unnecessary id’s and HTML markup.

Second example shows how to create smooth JQuery animation without animation repeating on multiple hovers over elements.