- 2007-08-14
- WEB関連コラム
画像に水面に反射されているような効果が加えられます。サイトに立体感がでますね。
WordPressのプラグインにもなっているようですので、使っちゃいましょう。
もともとは、Refrection.jsというJavaScriptでできたものですが、Wpのプラグイン化されているので、拝借。
Refrection.jsを使った例
![]()
Reflection.joを使わない場合の元画像
![]()
このRefreciton.jsのWpプラグインは、「WetFloor」という名前です。
- ダウンロード方法
こちらからダウンロードしてください。
Current Version: 1.6a
Included Reflection.js Version:1.6
License: MIT License
Last update: Oct 5, 2006
Requirements: Wordpress 1.5 – 2.x
- インストール方法
ダウンロードしたZipファイルを解凍して、Pluginフォルダにアップロードしてください。
Wp管理画面から「有効化」すれば完了です。
- 利用方法
投稿画面に、Wetfloorボタンがでるので、そちらを利用してください。
映り込みの度合いも調整可能です。
もし投稿画面にWetFloorボタンが表示されなければ、imgタグに埋め込んでいただいてもかまいません。
<img class="reflect rheight80 ropacity40" src="sample.jpg" />
数字を変えれば、映り込みの度合いが変わったりしますので、適度に変更してみてください。
rheight40 ropacity20 に変更した場合
![]()
[tegaki]キレイ}[/tegaki]
- 前の記事: FeedのIcon(アイコン)を選び放題
- 次の記事: アルガンオイルとは何だ?
コメント:0
Trackbacks:0
- トラックバックURL
- http://900914.com/web2/websiting/refrection.html/trackback