Categories

Grayscale Hover Effect

Template-help.com Team Ноябрь 15, 2010
Rating: 5.0/5. From 1 vote.
Please wait...

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:

Эта запись была размещена в Misc и помечена как jQuery. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов