「Reflection.js」で反射加工した画像を表示してみる

姫路発。地域情報、ブログ・Web関連、サッカーなど気ままに更新中

スポンサードリンク

COMMENT

TRACKBACK

2009 / 07	▼	▲
日	-	5	12	19	26
月	-	6	13	20	27
火	-	7	14	21	28
水	1	8	15	22	29
木	2	9	16	23	30
金	3	10	17	24	31
土	4	11	18	25	-

Ads by Google

--'--.--.-- コメント : - トラックバック : -

タグ検索

- カテゴリ：スポンサー広告

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FX Online Japan創業5周年キャンペーン実施中

[参考になりましたらクリックよろしくお願いします。]

あなたも容量1GBでデザイン・カスタマイズ自由なFC2ブログをはじめませんか？開設はこちら>>>

「Reflection.js」で反射加工した画像を表示してみる

2006'11.03.Fri

タグ検索

テーマ:カスタマイズ - カテゴリ：[weblog] カスタマイズ

画像に水面に反射するような効果を加える「Reflection.js」。
左のサムネイル画像を見てもらえれば分かると思うのですが、このJavascriptを組み込めば水面上に反射したような画像を簡単に表示する事が出来ます。
設置する場合は、リンク先にあるreflection.zipファイルをダウンロードします。解凍ソフトはこちら。ダウンロードを終えたら、各自の環境に合わせてreflection.jsをアップロードします。

<head>～</head>へ記述※FC2ブログ用表記になっています。

あとは表示したいイメージにclass="reflect"を追加するだけです。

こんな感じで表示されるようになります。

ロゴを反射させるとweb2.0風な感じになりますね。こちらで映りこみの高さや透明度を変える事も出来るので色々試してみてください。なかなか面白いですね。

※環境はInternet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作するとの事です。

リンク

Reflection.js

FX Online Japan創業5周年キャンペーン実施中

スポンサードリンク

poor-webnoteさん

便利なwebサービスが増えてきているのでPhotoshopの出番も減りそう
ですよね。
ただ、これはscriptタグで表示させているのでどんどんブログが重くなって
しまいます(^-^;他にもいっぱい導入したいのがあるのですがこれ以上
重くなるのは・・・と思い、なかなか踏み切れません。

▲
by トミー
2006/11/06 Mon 22:32
[ 編集 ]

便利ですね。

またひとつWeb2.0的な生成サービスですね。
というか、ますますフォトショップの出番が減るような…。
以前にフォトショップでこの反射させるテクも一生懸命覚えましたが、いまはそんな努力も必要ないみたいですね。
たぶん近い将来、このサイトはAdobeに買収されますね笑。

▲
by poor-webnote
2006/11/06 Mon 01:48
[ 編集 ]

トラックバックURL
http://tomytaku.blog14.fc2.com/tb.php/513-9778d2c8
--[TB：注意点]---------------------------------------------------------------------------------------------------
※記事に関係のないものは即削除、同内容でも有効ではないと管理人が判断した場合、削除させて頂きます。
※迷惑トラックバックが多いので承認制にしています。承認するまでは「管理人の承認待ち」という表示が出ます。