In this short tutorial post, I create a simple code in jquery to creating an animation look a like effect, that triggered by mouse cursor position. This trick can be used for animating photo profile, with changing the image source on html element or in this case I change the class value.
You should be using sprites
This would be much better if you’ve used sprite instead of different images for each class.