画像に奥行き感をもたせられるJavaScript「mParallax」

レイヤー表示(?)JavaScript「jParallax」は、重ねたPNG画像が動くなど奥行き感を出せました。
そんな、JavaScriptのmootools版「mParallax」です。

sponsors

使用方法

mParallaxからmParallax.jsをmootoolsからmootools.jsをダウンロードします。

<script src="mootools-1.2.1.js" type="text/javascript"></script>
<script src="mParallax.js" type="text/javascript"></script>
<script type="text/javascript">  
window.addEvent('domready', function () {  
  new mParallax($('id名'));
    fixPNG($('id名'));
});
</script>

あとは重ねる画像を上記で指定したid名でくくります。

<div id="parallax">
  <img rc="画像1.png"/>
  <img src="画像2.png"/>
  //以下画像分
</div>

サンプル

sponsors

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