[JS]既存のLightbox系スクリプトの不満を解決したスクリプト -Lightbox_me
Post on:2010年5月31日
IE6にも対応した、DOMエレメントをLightboxのエフェクトで表示するjQueryのプラグインを紹介します。
Lightbox_me - Stupidly Simple Lightboxing
Lightbox_meは他のLigtbox系スクリプトのソリューションにはない特徴をもっています。
- DOMエレメントをLightbox化。
- ウインドウのリサイズ時はオーバーレイもリサイズ。
- ドキュメントがウインドウよりサイズが小さい場合はオーバーレイのサイズを変更。
- 全てのブラウザで固定配置(fixed)で表示。
- ウインドウがモーダルボックスより小さい場合は固定配置(fixed)が自動的に絶対配置(absolute)に切り替え。これによりユーザーはスクロールが可能に。
そして、軽量でシンプル、という素晴らしい特徴も備えています。
対応ブラウザはIE6+, Fx2.5+, Safari, Chromeとのことです。
※Opは未テスト
Lightbox化するオブジェクトの指定には、Lightbox_meはjQueryのプラグインのためjQueryのオブジェクトが利用できます。
サンプルコード
1 2 3 |
<textarea name="code" class="html" cols="60" rows="5"> $("#id").lightbox_me(); </textarea> |
スクリプトのオプションでは表示エフェクト、Lightbox化時のスピード、オーバーレイのカラーや不透明度やスピードなどを調整することができます。
sponsors