また面白いスクリプトを見つけてしまったので、早速試したいと思う・・・(＞▽＜;; アセアセ
どのようなものかと言うと、しばらく前に「CSSで画像に影を付ける方法」と言うのを紹介しましたが、今回のものは「javascriptで画像に影を付ける方法」と、いう感じになる （笑）
・・・しかも、写真風にして影を付けるだけでなく、傾けて表示させたりすることも出来る！！ w(￣o￣)w オオー!
そしてさらに、同じ作者さんなのですが、画像装飾系のスクリプトが、その他にも色々あるので、今日から１日１個紹介していこうと思います・・・v(^o^")v
設定方法
こちらからダウンロード解凍後にできた「instant」フォルダを、ご自分のスクリプト置き場に転送してください。（ここでは /wp-content/js/instant/ に置いたものとして説明します。）
次に「JavaScript」 を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。
<script type="text/javascript" src="http://example.com/wp-content/js/instant/instant.js"></script>
黄文字の部分にファイルの設置場所（アドレス）を指定使用方法
記述方法はいたって簡単！！<img src="画像アドレス" alt="" class="instant" />
上記のように普通に<img>タグで記述して、ポイントとなる「class="instant"」を付けるだけです。 （＾∀＾）オプション
上記の記述部分を、下記のようにすると表示方法の変更が出来ます。影の濃さを指定 （0～100 default=33）
<img src="画像アドレス" alt="" class="instant ishadow70" />
枠の色を指定 （000000～ffffff default=f0f4ff）
<img src="画像アドレス" alt="" class="instant icolorFF0000" />
左傾け指定
<img src="画像アドレス" alt="" class="instant itiltleft" />
右傾け指定
<img src="画像アドレス" alt="" class="instant itiltright" />
傾け無し指定
<img src="画像アドレス" alt="" class="instant itiltnone" />
サンプル
残念なことに自分の環境ではこのページ上でお見せできないのでこちらになります。以上、終了です。
人気度 : 14 %
（ 参考になったら、評価してねぇ～ (o*。_。)oペコッ
最上階
1階
関係のある記事
No user の書き込みがあります
コメントほしぃ～よぉ～ σ(^◇^;)