[contact-form-7 id="24078" title="Feedback EN"]

Grayscale Hover Effect

This script allows to add smooth grayscale hover effect, based on sprites.

JavaScript
In order to make the script work, the index-#.html file with a hover effect should contain these lines of HTML code in order to include jquery.slices.1.2.js script and jQuery framework:

The bottom section of the index-#.html (just before </body> closing tag) file contains these lines of code that initialize the script functionality with basic values:

The idea of the plug-in is to smoothly desaturate the image and add a link to it:

HTML
Below you can see the HTML script representation:

The HTML part is represented by a bulleted list. Note that each image is put into <a> and <span> tags in order to show the image in the default state.

CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles: