beatoraja用FullHDスキン【ModernChic】公開中です!
JavaScript

思わずうっとりするGlossy.js

Lincleサウンドトラック JavaScript
この記事は約2分で読めます。

いよいよ3月も目の前になり新生活が近づいてます。
いやぁ・・・期待もあり不安もあり。そんな皆さん!私とお友達になりましょうw
どうもカサコンですのー。

今回は画像が光沢しているように表示できるJavaScript『Glossy.js』を忘備録として書こうと思います。
見つけた時おぉーって思ったので追加してみました。ブロガーさんはぜひぜひ。

Glossy.jsってなんだお?

文字で書くより見た方が早いって事でこちらをご覧ください。

Lincleサウンドトラック

Lincleサウンドトラック

お分かり頂けただろうか?
同じ画像でも光沢感があるだけで全く違った感じになりますね。

使い方

まずはダウンロードしたglossy.jsを読み込みます。

<script type="text/javascript" src="glossy.js"></script>

そして適応したい画像のクラス名にglossyと追加すれば完了です。

<img src="画像ファイル名" class="glossy" alt="" title="" />

またスペースを入れてnoshadowで影を消すことやiradius20で角の丸さの変更(20~50)などの調整が可能のようです。

<!-- 影を消す場合 -->
<img src="画像のパス" class="glossy noshadow" alt="" title="" />

<!-- 角の丸さの調節 20~50 -->
<img src="画像のパス" class="glossy iradius20" alt="" title="" />

<!-- 組み合わせも可能ですの -->
<img src="画像のパス" class="glossy noshadow iradius20" alt="" title="" />

早速TOPページや関連記事などに使ってみました。
気に入った方がいましたらいかがでしょう?

本当にJavaScriptは色々な事が出来るので便利ですね。ビックリ。

関係ないけど・・・

ちょうどLincleのサウンドトラックの画像を使った事だし(知能犯)beatmaniaIIDX 20 tricoroのサウンドトラックが発売されますね。
tricoroには好きな曲も多いので楽しみにしてます。メイメツとかNeonlightsとかetc

クプロ目当てで購入される方も多いのかも?(友人2人がそれでしたw
こちらも良かったらぜひぜひ。

リンク

タイトルとURLをコピーしました