overbox.js 2.0 Preview

オーバーレイ(モーダルウィンドウ)スクリプト overlayを名称変更し
overboxとして大半のコードを書き直しました
なので、今のところ1.3以前の書き方とは互換性がありません、悪しからず
機能としてはこれまで通りのものと
IE対応の強化、オーバーコンテンツのスクロール追随(スクロールしても同じ位置に留まり続ける)
と言った感じです

新しい書き方は複数
因みにid=testのdivタグ内のデータをオーバーレイ表示するものとします

サンプル1 イベントフック
<a href=”” id=”overlay_test1″>テスト</a>

$(function() {
	$('a#overlay_test1').overlay('#data',
	{
		background:'#FFFFFF',
		width:'200px',
		height:'150px',
	    padding:'10px',
	    animation:true,
	    duration:1000,
	    remove: true
	});
});

このようにイベントフックで動かす方法

サンプル2 rel指定
<a href=”javascript:void(0)” rel=”overbox;#data;{background:’#FFFFFF’,width:’200px’,height:’150px’,padding:’10px’, animation:true, duration:5000}”>動作サンプル2</a>
このようにlightboxみたくrelにoverboxと書き込めばアンカータグがそのままオーバーレイ呼び出し用となります
またセミコロンで引数を限ります
overbox;表示するクラス又はID名;オプション

サンプル3 style指定
<div style=”display:none;width:200px;height:150px;duration:1000;” id=”data”></div>
表示したい要素にstyle指定をすれば、そのまま引数として実行される

ダウンロードは下のリンク集にも書いてありますが
こちらから可能です