画像にモザイク処理を施すプラグイン「Pixelate」を紹介します。
jQueryプラグイン「Pixelate」
このプラグインを使えば、簡単に画像にモザイク処理を施すことができます。しかもマウスオーバーで、モザイクのOn/Offを切り替えることもできるので、おもしろい!
例えば、文章で画像の説明をして、十分に期待度を高めたところで……画像にマウスオーバー!
使い方によってはサイトにおもしろい効果を加えられるかも!?
デモの画像にマウスオーバーしてみてください。
「Pixelate」のデモ
デモのソース(HTML + jQuery)
< meta name = "description" content = "Pixelateのデモでーす。" > |
< title >Pixelate - jQueryまとめのカルマ</ title > |
< img id = "demo" src = "flower.jpg" > |
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></ script > |
< script src = "pixelate.js" ></ script > |
jsファイルのダウンロード、さまざまなオプションやその他の詳細はこちらからどうぞ。
» Pixelate