Reflection.js

Reflection.jsとは？

水面に反射するような効果を画像に加えるJavaScriptです。ブラウザ独自拡張のフィルタではないのでどのブラウザでも安心。とはいえ全てのブラウザでOKってわけではないですが・・・

対応ブラウザ

Internet Explorer 5.5〜, Mozilla Firefox 1.5〜, Opera 9〜 Safari

Reflection.js関連サイト

ダウンロードサイト
http://cow.neondragon.net/
解説サイト
http://gigazine.net/

利用方法

  1. <head>〜<head>内にを記述
  2. img要素にclass="reflect"を記述
  3. 反射した画像の高さ指定はimg要素にclass="rheight**"を記述。**は2桁の数値を入れ**%となる。
  4. 反射した画像の不透明度の指定はimg要素にclass="ropacity**"を記述。**は2桁の数値を入れ**%となる。
  5. 反射した画像の高さと不透明度の指定はimg要素にclass="rheght** ropacity**"と半角スペース区切りで記述。
Reflection.js サンプル

class="reflect"

class="reflect rheight50"

class="reflect ropacity90"

class="reflect rheight90 ropacity80"


kantenna.com 最新更新ページ


Warning: SimpleXMLElement::__construct(http://www.kantenna.com/app/index.xml) [simplexmlelement.--construct]: failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /home/users/1/lolipop.jp-dp07173486/web/system/caquu/core/usr/AssembleRSS/reader/RSSReaderRSS2.php on line 17

Warning: SimpleXMLElement::__construct() [simplexmlelement.--construct]: I/O warning : failed to load external entity "http://www.kantenna.com/app/index.xml" in /home/users/1/lolipop.jp-dp07173486/web/system/caquu/core/usr/AssembleRSS/reader/RSSReaderRSS2.php on line 17

Fatal error: Uncaught exception 'Exception' with message 'String could not be parsed as XML' in /home/users/1/lolipop.jp-dp07173486/web/system/caquu/core/usr/AssembleRSS/reader/RSSReaderRSS2.php:17 Stack trace: #0 /home/users/1/lolipop.jp-dp07173486/web/system/caquu/core/usr/AssembleRSS/reader/RSSReaderRSS2.php(17): SimpleXMLElement->__construct('http://www.kant...', 0, true) #1 /home/users/1/lolipop.jp-dp07173486/web/system/caquu/core/usr/AssembleRSS/AssembleRSS.php(162): RSSReaderRSS2->getRSSData(Array) #2 /home/users/1/lolipop.jp-dp07173486/web/system/caquu/sites/default/elements/root_footer.php(17): AssembleRSS->viewList(Array) #3 /home/users/1/lolipop.jp-dp07173486/web/system/caquu/core/bin/CaQuu.php(155): require_once('/home/users/1/l...') #4 /home/users/1/lolipop.jp-dp07173486/web/web/library/reflection/index.php(65): CaQuu->viewElements('root_footer') #5 {main} thrown in /home/users/1/lolipop.jp-dp07173486/web/system/caquu/core/usr/AssembleRSS/reader/RSSReaderRSS2.php on line 17