to make the animation you would need two versions of each image, one that is animated, and one that's not. On hover you can easily change from one image to another.
Example:
$(function(){ $('img').each(function(e){ var src = $(e).attr('src'); $(e).hover(function(){ $(this).attr('src', src.replace('.gif', '_anim.gif')); }, function(){ $(this).attr('src', src); }); }); });