T-style.com
default blue gray orange pinkRSS1.0
 姫路発。地域情報、ブログ・Web関連、サッカーなど気ままに更新中
 
BLOG TOP > スポンサー広告 > スポンサーサイト> [weblog] カスタマイズ > 「Reflection.js」で反射加工した画像を表示してみる

arrow-list-red.gif北海道エリアarrow-list-red.gif東北エリアarrow-list-red.gif関東エリア
arrow-list-red.gif北陸・甲信越エリアarrow-list-red.gif関西エリアarrow-list-red.gif中国エリア
arrow-list-red.gif四国エリアarrow-list-red.gif九州エリアarrow-list-red.gif沖縄エリア

スポンサーサイト

--'--.--.--  コメント : -  トラックバック : -  
このエントリーをはてなブックマークに追加 Save This Page to del.icio.us このエントリーをlivedoorクリップに追加 newsing it! このエントリーをGoogleBookmark に追加 このエントリーをBuzzurlに追加 このエントリーをTechnorati に追加 このエントリーをFC2ブックマークに追加タグで記事を検索するタグ検索
- カテゴリ:スポンサー広告

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



ブログランキング・にほんブログ村へ人気ブログランキングへ[参考になりましたらクリックよろしくお願いします。]

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

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

2006'11.03.Fri    2    0  
このエントリーをはてなブックマークに追加 Save This Page to del.icio.us このエントリーをlivedoorクリップに追加 newsing it! このエントリーをGoogleBookmark に追加 このエントリーをBuzzurlに追加 このエントリーをTechnorati に追加 このエントリーをFC2ブックマークに追加タグで記事を検索するタグ検索

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

画像に水面に反射するような効果を加える「Reflection.js」。
左のサムネイル画像を見てもらえれば分かると思うのですが、このJavascriptを組み込めば水面上に反射したような画像を簡単に表示する事が出来ます。
設置する場合は、リンク先にあるreflection.zipファイルをダウンロードします。解凍ソフトはこちら。ダウンロードを終えたら、各自の環境に合わせてreflection.jsをアップロードします。
reflection_image2.jpg
<head>~</head>へ記述※FC2ブログ用表記になっています。
<script type="text/javascript" src="<%url>file/reflection.js"></script>

あとは表示したいイメージにclass="reflect"を追加するだけです。
<img src="http://blog14.fc2.com/t/t-style/file/image.png" class="reflect" />

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

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

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

リンク
スポンサーサイト



ブログランキング・にほんブログ村へ人気ブログランキングへ[参考になりましたらクリックよろしくお願いします。]

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

スポンサードリンク

poor-webnoteさん

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

便利ですね。

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


非公開コメント(管理者のみ閲覧)

トラックバックURL
http://tomytaku.blog14.fc2.com/tb.php/513-9778d2c8

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

  トップへ戻る   

Total  Tday  Yday  Online: RSS feed meter for http://tomytaku.blog14.fc2.com/
Copyright© 2006 T-style.com ALL Rights Reserved.
アイコンカウンター
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。