Tiny JS library (3KB minified) to apply color overlay effects on images, by using CSS classes. Eight color overlay effects available: dark, white, blue, red, green, yellow, purple, orange.
Include the class for the desired color inside the IMG tag, using the format "overlay-[color]", and that's it. If you prefer the overlay to be just triggered when the image is hovered, just use the class using the format "overlay-[color]-hover". This library depends on Jquery, so be sure you have it included, preferably in a recent version.
Some examples of the effect can be found in our framework's website - Rubber Framework. Be in touch if you find any bug or need any help while using it. Enjoy!