[JS]画像に水晶玉のような効果を与えるスクリプト -sphere.js

CVIから、画像に水晶玉のような透明度のある球体の効果を与えるスクリプト「sphere.js」を紹介します。

sphere.js (javascript spherical image effect)

sphere.jsの対応ブラウザは、IE6+, Fx1.5+, Op9+, Safariとなっており、それ以外では画像がそのまま表示される仕様になっています。

使用方法は外部スクリプトとして記述し、画像のクラスに指定することでさまざまな水晶玉の効果を与えることができます。

sphere

基本のクラス

isize

サイズを指定するクラス

izoom

画像のズーム（％）

ialpha

画像の不透明度

ishade

水晶玉のシャドウ

ishine

水晶玉の輝き

icolor

水晶玉の背景色

igradient

背景のグラデーション