画像に影やリフレクションを付けるjavascript「efxFactory」

サイト作成時によく使用する画像。
それを加工したいと思うのはサイト運営者の性でしょう。
efxFactoryは、画像に影やリフレクションを付与できるmootoolsベースのjavascriptです。

sponsors

使用方法

efxFactoryからダウンロードしたmootools.jsとefxFactory.jsを以下の通りheadに加えます。
<script src="http://yourdomain/mootools.js" type="text/javascript"></script>
<script src="http://yourdomain/efxFactory.js" type="text/javascript"></script>

さらに影やリフレクションの指定をします。
<script type="text/javascript">
window.onload = function(){
efxFactory.shadow($("画像のid名")); //影をつける場合
efxFactory.reflect($("画像のid名")); //リフレクションをつける場合
}
</script>

あとは画像に上で指定したid名を付与するとともに、style属性で、position:relative;z-index:100とする必要があります。
オプション

sponsors

Javascriptサンプルページ一覧
skuare.net

サンプル

big image  big image  big image
big image big image