昨日の「bevel.js」 設置説明 javascript」に続いて、今日も画像装飾系スクリプトの「curl.js」をご紹介。
どのようなものかと言うと・・・・何と!!画像がめくれるのです!めくれちゃうんです!!・・・「ペロッ」てな感じで・・・ 非常に変わっていて面白いのでおすすめです。(⌒‐⌒)にんやり
設定方法
こちらからダウンロード解凍後にできた「curl」フォルダを、ご自分のスクリプト置き場に転送してください。(ここでは /wp-content/js/curl/ に置いたものとして説明します。)
次に「JavaScript」 を、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。
<script type="text/javascript" src="http://example.com/wp-content/js/curl/curl.js"></script>
黄文字の部分にファイルの設置場所(アドレス)を指定使用方法
記述方法はいたって簡単!!<img src="画像アドレス" alt="" class="curl" />
上記のように普通に<img>タグで記述して、ポイントとなる「class="curl"」を付けるだけです。 (^∀^)オプション
上記の「 class="curl" 」部分に、追記することにより表示方法の変更が出来ます。詳しくはサンプルページに書いておきましたので見比べてください・・・(( ( (ヽ(;^^)/逃げろ~・・・・・・(o_ _)oドテッ!
サンプル
残念なことに自分の環境ではこのページ上でお見せできないのでこちらになります。以上、終了です。
人気度 : 12 %


関係のある記事
No user の書き込みがあります
コメントほしぃ~よぉ~ σ(^◇^;)