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

画像をカールさせるjavascript「curl.js」

｜ ｜ ｜ ｜ ｜ ｜ ｜

サイト制作で画像を使うケースが多いですが、素人レベルでは撮影＆加工技術が限られてしまいます。
curl.jsはPhotoshopなどの画像編集ソフトを全く使用せず画像をめくった様に加工することが出来ます。

使用方法
curl.jsからダウンロードしたファイル群のうちcurl.jsを埋め込み、画像のclass属性にcurlを付与します。
<script type="text/javascript" src="http://yourdomain/curl.js"></script>
<img src="画像" class="curl">
オプション
・カールサイズを調整する"isize"（default=33）
・カールの背景色を変更する"icolor"（HEX指定）
・影の透明度を調節する"ishadow"（default=66）
class="curl isize60 icolor000000 ishadow30"などと指定します。
さらに、付属のcvi_curl_lib.jsを利用することで様々なエフェクトを使用できます。
詳しくは画像をカールさせるjavascript「curl.js」サンプルをご覧下さい。

記事作成：2007年09月21日

前の記事：RSSとATOMフィードをparse（解析）するjavascript「jFeed」
次の記事：メニューツリーを作成するjavascript「Slidinglist」