This are some examples with code snippets for the post about Grayscale Hover Effects with HTML5 canvas and jquery.
How to use the code
- include jQuery
- add the class .imglist to the ul, ol or div that includes your images
- use the code of the first demo below
- for a different hover effect replace the jQuery hover function with another from the demos
- put the HTML file on a web server or a local test server like XAMPP (otherwise it will not work)
If you have any questions about the code, please use the commentform in the article.