[JS]既存のLightbox系スクリプトの不満を解決したスクリプト -Lightbox_me

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のオブジェクトが利用できます。

サンプルコード

スクリプトのオプションでは表示エフェクト、Lightbox化時のスピード、オーバーレイのカラーや不透明度やスピードなどを調整することができます。

sponsors

top of page

©2024 coliss