Slickhover.js is a lightweight useful jQuery plugin that produces a slick and smooth hover effect that fades out images and shows a custom icon when a user hovers over an image.
All you have to do is call it on an image and slickhover does the rest!
And you can specify a "light" version as well...
And you can specify different colors...
And you can set an animate in effect...
For documentation on how to use and available options... see the repo on GitHub