GlassBox

WindowsVista風のLightBox作成JSライブラリ「GlassBox」。
若干表示が重いのですが、なかなかカッコいいUIを実現できます。



使い方は、以下のとおり

1. スクリプトを読み込み

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

2. divでボックスを作成

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

Content 部分にGlassBoxの中身を記述

3. スクリプトの初期化

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

先ほど定義したdivのidを渡してGlassBoxを初期化。

基本サンプル：GlassBox
LightBox風サンプル：Lightbox-gone-glass

関連エントリ

• クリック後の説明文を凄くオシャレに表示できる「mooSlide」
• Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」
• カスタマイズできる多機能LightBox「Lightview」