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