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

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ!Yahoo!ブックマークに登録このエントリーをdel.icio.usに追加する

[ 1分で読めて簡単導入できます]

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

使用方法
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>

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

記事作成:2009年03月13日

JavaScriptライブラリ
JavaScriptライブラリまとめ
JavaScriptライブラリのメインストリーム「jQuery」プラグインまとめ
jQueryプラグインまとめ
通が好むJavaScriptライブラリ「mootools」プラグインまとめ
mootoolsプラグインまとめ