blog | SevenStyleWeb

新しいやつがでてきた。LightBoxの改良版みたいなやつで、
すんごいおもろー！（世界のナベアツ風）

http://www.glassbox-js.com/

えっと使い方ですが・・・。

１．スクリプトの読み込みをする。

<script src="glassbox/glassbox.js" type="text/javascript"></script>

２．divタグでid(class)をふって、コンテナを一つつくる。

<div id="myGlassboxContent">
<!-- Content -->
</div>

３．で、スクリプトを初期化。ほんで、id(class)渡して・・・

<script type="text/javascript">
var myGlassBox = new GlassBox();
myGlassBox.init( 'myGlassboxContent', '400px', '300px', 'auto' );
myGlassBox.apos( '290px', '35px' );
</script>

４．指定したdivタグ内に色々書き込むって感じ・・・みたい。

それぞれパラメータもあるみたいだし、XMLの読み込みなども色々でけるみたい。
このあとちょろっと時間を見つけてサンプルを作ってみます。
ちょっと表示がおもいけど、なんかおもろー！（世界のナベアツ風）。