This is a catchy jQuery powered effect I have used in a couple of projects lately, so I thought of sharing it with you. It uses the Kwicks for jQuery plugin from Jeremy Martin to which I’ve added a twist using CSS image sprites. This way the whole thing uses only one image. Extra effects can be added using the Easing plugin.
Related Submissions:
- Add Easing to Your jQuery Animations Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration. jQuery has two built-in easing...
- Using jQuery for Background Image Animations After reading Dave Shea’s article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could...
- Kwicks for jQuery Do you want your menu look sexy with an awesome animation on your website? Follow me, I will walk you to the final result of...
- jQuery Image Magnify jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect....
- PHP & jQuery image upload and crop We needed a PHP and jQuery image upload and crop tool and came up with the following. Hope it helps! Before you start, ensure you...