Home > 未分類 > 画像を艶やかにするjsライブラリ「Glossy.js」

画像を艶やかにするjsライブラリ「Glossy.js」

2007年06月25日

とてもカンタンに画像に艶やかな質感を与える事が出来るライブラリです。

設置は…

1、glossy.jsを読み込んでおいて、、、
<script type="text/javascript" src="glossy.js"></script>

2、テカらせたい画像のクラスを「class=”glossy”」とするだけです。

glossy.jpg

カラー設定や角丸具合などの調整も出来る模様です。

* Initialisation class “glossy”
* vary the radius by adding iradius followed by the desired radius in percent of half of the smaller picture dimension:
Corner radius class “iradius25″ - min=20 max=50 default=25
* vary the shadow by adding noshadow:
Noshadow class “noshadow” - default=false
* vary the background by adding ibgcolor followed by the desired color as hex:
Background color class “ibgcolor” - min=000000 max=ffffff default=0
* vary the background by adding igradient followed by the desired color as hex:
Gradient color class “igradient” - min=000000 max=ffffff default=0
* vary the color gradient direction by adding horizontal:
Horizontal gradient class “horizontal” - default=false
Glossy.js (now with IE 6/7 support)

未分類

  1. No comments yet.
  1. No trackbacks yet.