no-image

JavaScript

ミニマルでダイナミックなLightboxプラグイン「darkbox.js」

darkbox.jsはミニマルながらもダイナミックなLightbox風のイメージギャラリーを実装することができるjQueryプラグインです。レスポンシブ対応で矢印キーでの操作にも対応しています。ファイル容量も軽量なので、サクサク動作するのがいいですね。

darkbox.js

darkbox.js

デモでは画面中央に画像が表示されていて、これをクリックするとフルスクリーンによるギャラリーが起動します。画面いっぱいに広がったダイナミックな画像は、とても見応えがあります。

また、画面両端にはコンテンツを移動できる矢印アイコンが設置されているので、ここから画像を切り替えて見ていくことが可能です。ちなみに、キーボードの矢印キーでの操作にも対応しています。画面の上部にプログレスバーが表示されるのも便利ですね。

元に戻す場合は、画面の右上に表示されているバツ印をクリックすればOKです。

使い方もかなりシンプルなので、手軽に実装できます。オプションには、startWithCurrent、wrapAround、showProgressBar、showTitle、disablePageScrolling、endCallbackという項目が用意されています。

また、ライセンスはMITとのこと。ミニマルながらもダイナミックなLightboxプラグインを探している人は、ぜひ「darkbox.js」をチェックしてみてください。

no-image手軽にパララックス効果を実装できるシンプル・軽量な「simpleParallax」前のページ

ローディングアニメーションを手軽に実装できる「EasyLoading」次のページEasyLoading

関連記事

  1. jQueryTween

    JavaScript

    軽量で軽快なアニメーションをするjQueryプラグイン「jQueryTween」

    jQueryTweenは軽量で軽快なアニメーションを実装することができ…

  2. jQuery Sidebar

    JavaScript

    上下左右からクイックなスライド表示させることができるjQuery Sidebar

    jQuery Sidebarは上下左右からスライド表示させることができ…

  3. Filterizr

    JavaScript

    ソートやシャッフルができるギャラリーを実装するjQueryプラグイン「Filterizr」

    Filterizrはソートやシャッフルができるレスポンシブに対応したギ…

  4. Lena.js

    JavaScript

    多彩な画像処理ができるJSライブラリ「Lena.js」

    Lena.jsは多彩な画像処理を行うことができるJSライブラリです。セ…

  5. jQuery PieTimer

    JavaScript

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

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

  6. jquery.horizonScroll.js

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP