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


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