« Lightboxのクローン、SexyLightBox | トップページ | プルダウンメニューに動きを与えるJavaScript »

2008.12.10

写真を簡単に加工するJavaScript

透き通ったボールのようなアイコン|Sohere.js

このブログでも何度となく紹介している「www.netzgesta.de」というサイトがあります。このサイト、画像にいろんな効果を与えてくれるJavaScriptを紹介しています。
今回は、web creators 2009年1月号の「Web Design Style-UP Tips」にも載っていた、Sohere.jsを紹介してみます。Sohereという名前だけあって、画像ソフトを使わなくても、かなりキレイにガラス玉のような加工を施してくれます。パラメータを変更するコトで、いろいろと微調整もできて便利です。

サンプルはこちら。

↑このデータはこちらからダウンロードできます。

設定は簡単です。
「www.netzgesta.de/sphere/」からライブラリをダウンロードし、「cvi_sphere_lib.js」と「sphere.js」を適当な場所にコピーし、htmlに読み込ませます。
次に該当する画像のclassを指定します(例えば、下記のように)。
<img src="img/illust.jpg" alt="イメージ" width="180" height="180" class="sphere icolor0000ff igradient00ffff ialpha75"  />

classにパラメータを追加、変更するコトで、色々と微調整ができますので、サイトで効果を確認しながら試してみて下さい。

|

« Lightboxのクローン、SexyLightBox | トップページ | プルダウンメニューに動きを与えるJavaScript »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/35737/43355997

この記事へのトラックバック一覧です: 写真を簡単に加工するJavaScript:

« Lightboxのクローン、SexyLightBox | トップページ | プルダウンメニューに動きを与えるJavaScript »