jQueryプラグインgreyScale.jsを使って、カラー画像をグレイスケール(モノクロ)に変換して表示します。そしてマウスオーバーすると元のカラーに戻ります。リンクのハイライト用として使うことはもちろん、リンク無しでも使えます。使い方はいたって簡単で、jsを設置後、img要素に「class="greyScale"」を付けて画像を配置するだけです。
※ Windows 7 のIE 10では、うまく動かないことがあります。
Image Image Image

 

Image
※参照元:https://github.com/Prydie/jQuery-GreyScale-Plugin
戻るボタン