<img>画像をモノクロに変換しマウスオーバーでカラーに変化するjQueryプラグインを作りました - 秋葉秀樹 個人ブログ

タイトルの通り、画像をモノクロに自動で変換して、マウスが乗ったらカラーに変化するってやつです。HTML5のcanvasを使ってます。 カラー画像をセピア調、ブルー調、コントラスト強めのグレー調など、「古い写真」のイメージに変換できる。モノトーンなのですが、CSSの16進数カラー値をそのまま使う事が出来るので、ぶっちゃけどんな色でも使える（カラーのフィルターをかぶせたような感じでとらえてくださいませ）「フワッと」変移するのか「パッと」変移するのか、スピードをミリ秒で指定出来る（ここはjQueryのアニメーションでおなじみのミリ秒をそのまま）「最初にモノクローム → （元の）カラー画像」だけでなく「最初に（元の）カラー画像→モノクローム」というように、変移の順番を逆にできる。