ToxicBox

JavaScript

さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

ToxicBoxは、ライトボックスのjQueryプラグインです。近年、ライトボックスのプラグインは数多く存在しますが、このToxicBoxは、ポップアップウィンドウに写真、コンテナ、通知などのコンテンツを表示できます。サイトでは、統一したスタイルでポップアップウィンドウが表示されます。互換性にも優れていて、IEやChromeはもちろん、FirefoxやOpera、Safariへも対応済み。また、モバイルフリーなのでAndroidからの閲覧もOKです。jQueryは1.7.0もしくはそれ以降のバージョンが必要になります。

画像やコンテナ、YouTubeまで

デモ

  • 画像の快適なロード
  • 画像などのギャラリーのグループ化
  • 単一画像の表示
  • div要素やsectionなどのコンテナの表示
  • 通知の表示
  • ズーム機能
  • 10KB以下という軽量ファイル

デモページを見ていて特に感動したのが、動画投稿サイトYouTubeでアップされている動画を埋め込み、サイトを移動することなくその場で、ポップアップウィンドウ内で再生できたことです。海外サイトなのに、なぜか「久石譲」さんの動画だったのも驚きました! 埋め込んだ状態のものは、さまざまなページで見かけますが、ポップアップウィンドウに表示したときに再生される挙動が、こんなに簡単に実装できるなんてうれしいですね。

ToxicBoxはまだ開発中のようなので、バグもところどころで発生しているようですが、現在のバージョンでも特に大きな問題はなく使用できます。今後の開発に期待したいですね!

ToxicBox

関連記事

  1. jQuery PieTimer

    JavaScript

    時間の経過とともに円形が欠けていくタイマー「jQuery PieTimer」

    jQuery PieTimerは時間の経過とともに円形のデザインが欠け…

  2. jquery countDownTimer
  3. FixedContent.js

    JavaScript

    モバイルフレンドリーなコンテンツ固定のjQueryプラグイン「FixedContent.js」

    FixedContent.jsはスクロールしてもコンテンツを固定してく…

  4. ajSlider

    JavaScript

    シンプルでさりげないアニメーションが素敵なスライドショー実装「ajSlider」

    ajSliderはシンプルなスライドショーを実装することができるjQu…

  5. TextTailor.js

    JavaScript

    コンテナ内のフォントサイズを自動リサイズしてくれるjQueryプラグイン「TextTailor.js…

    TextTailor.jsはブラウザ幅に合わせてコンテナ内のテキストの…

  6. Dynamic Table

    JavaScript

    スプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」

    Dynamic Tableはスプレッドシートのような高機能なテーブルを…

最近の記事

  1. ADR-3ML39シリーズ
  2. キュレル モイスチャーバーム
  3. FUJIFILM X-Pro3
  4. iPhone 11 ProとApple Watch Hermès
  5. cheero Energy Plus mini Wireless 4400mAh

アーカイブ

PAGE TOP