指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」
2010年05月31日-
スポンサード リンク
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表示できます。
実装もこれまでのページ作りのスタイルを大きく帰ることなく実現できるとあって使い勝手が非常に良さそう
メッセージ通知や、ダイアログなんかにも使えて便利そうですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ