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