いよいよ3月も目の前になり新生活が近づいてます。
いやぁ・・・期待もあり不安もあり。そんな皆さん!私とお友達になりましょうw
どうもカサコンですのー。
今回は画像が光沢しているように表示できるJavaScript『Glossy.js』を忘備録として書こうと思います。
見つけた時おぉーって思ったので追加してみました。ブロガーさんはぜひぜひ。
Glossy.jsってなんだお?
文字で書くより見た方が早いって事でこちらをご覧ください。
お分かり頂けただろうか?
同じ画像でも光沢感があるだけで全く違った感じになりますね。
使い方
まずはダウンロードした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
こちらも良かったらぜひぜひ。