前の記事 ≪:物体のドラッグ&ドロップ時に勢いをつけられる「towel.js」
次の記事 ≫:AppleっぽいUIが秀逸なイメージスライドショー実装jQueryプラグイン「Avia...

指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」

2010年05月31日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Lightbox_me - Stupidly Simple Lightboxing

指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」。
通常、LightBoxというと、画像や動画などをポップアップで表示する際に用いられます。別ページを開く場合にもiFrameを使ったりして実現されますが、このプラグインは少し違います。
<div id="hogehoge">hogehoge</div> という要素があったとすると、$("#hogehoge").lightbox_me(options) のようにすることで、指定した要素自体をLightBox風に表示させられます。

このプラグインを使うことで、予めHTML内にしこんでおいた、ログインフォームなんかを、LightBox表示するなんていうことが簡単に実施できます。
ログインフォーム以外にもアイデア次第で便利に使えそうです。



仕込む側としては、単純にHTML内にスタティックなサイトとして要素をおいておいて、非表示にしておき、lightbox_me を実行するだけでLightBox表示できます。
実装もこれまでのページ作りのスタイルを大きく帰ることなく実現できるとあって使い勝手が非常に良さそう

メッセージ通知や、ダイアログなんかにも使えて便利そうですね。

関連エントリ

関連の記事検索:jQuery, LightBox, JavaScript, プラグイン, Webデザイン, ポップアップ
スポンサード リンク

By.KJ : 2010年05月31日 09:03 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)