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」をチェックしてみてください。

関連記事

  1. no-image

    JavaScript

    背景にSVGによるライン(線)をランダムで生成する「ckLine.js」

    ckLine.jsは背景にSVGによるライン(線)をランダムで生成する…

  2. WebSnowjq.js

    JavaScript

    Webページに雪を降らせてくれるjQueryプラグイン「WebSnowjq.js」

    WebSnowjq.jsはWebページの中に雪を降らせることができるj…

  3. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

  4. Touch-Tabs-jQuery

    JavaScript

    イベントやカスタマイズが可能な拡張性の高いタブシステム「Touch-Tabs-jQuery」

    Touch-Tabs-jQueryは、イベント設定やカスタマイズが可能…

  5. Ladda

    JavaScript

    ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」

    Laddaはボタンとローディングアイコンが一緒になったUIを実装するこ…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP