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

いよいよ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
こちらも良かったらぜひぜひ。

リンク

[最終更新日]2015/03/07

Sponsored Link

ブログをチェックする?

ブログチェックにはRSS登録がオススメです!
更新をイチ速くお知らせします。ぜひぜひ!

関連記事

お探しの記事は見つかりましたか?
コチラが参考になるかもしれません。

javascript

PHPから取得した値をJavaScriptに渡してみる

ども。お久しぶりです。カサコンです。 気づいたらもう夏も終わり。 だんだんと涼しく・・・というか寒くなってきましたね。 どうなってるん(´・ω・`) PHPからJavaScript さて。そんな本日は初歩的?なJSの豆知識です。(

LR2最新ニュース

Powered by RSSリスティング

Comment

  • 同時発売のサントラ3枚は元々全て買うつもりだったので迷わずに購入しましたが凄かったですね・・ポスターあり、豪華ブックレットありで満足な上彩葉クプロがついてくるとは・・幸せすぎて近い内に黄泉へ召されるのではないかと心配になってきていますw

    • kasakon

      tricoroサントラ豪華でしたねw
      ポスターは何かもったいない気がしてしまってますw
      ブックレット、ポスターでさまざまな素材があるのでこれを機にまた新しい痛コンでも作ろうかと考えていたりします。

      特に梅桐三姉妹のページ!w
      んでセリカたんまだー?

      他にも下弦の月に出てくるキャラクターがかわいいなーって思ったりしますw

TrackBack