skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

画像にグラデーションをかけるjavascript「Transparent Gradients」

｜ ｜ ｜ ｜ ｜ ｜ ｜

画像を編集するさいにグラデーション加工をする場合があるかもしれません。
Transparent Gradientsなら簡単に透明なグラデーションを付けることができます。

使用方法
Transparent Gradientsからsnipets.textをダウンロードし、拡張子をhtmlに変更すればできます。
またはjQueryからjquery.js（v1.2.1）をダウンロードし以下のようにします。
<script type="text/javascript" src="http://yourdomain/jquery.js"></script>
<script type="text/javascript" src="http://yourdomain/jquery.transgradient.js"></script>
あとは画像にclass="gradient"を付与すれば完成です。
＊jquery.transgradient.js内の41行目でグラデーションの色を変更できます。
画像にグラデーションをかけるjavascript「Transparent Gradients」サンプル

記事作成：2007年12月09日

前の記事：imgタグ一つだけ！超簡単グラフ作成ツール「Google Chart API」
次の記事：ドラッグ＆リサイズが可能なjavascript「jqDnR」