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. クリスマスブレンド エスプレッソロースト
  2. CIO Mate Magnet Stand
  3. 抹茶クリームドーナツ
  4. FAST
PAGE TOP