ScalableLightbox

JavaScript

ミニマルでレスポンシブに対応したLightbox風のjQueryプラグイン「ScalableLightbox」

ScalableLightboxはミニマルなデザインでレスポンシブに対応したLightbox風のjQueryプラグインです。実際のデモでは無駄な装飾が一切なくとてもシンプルです。ミニマルなLightbox風ギャラリーを実装したい時によさそうですね。

[ads_center]

ScalableLightbox

以下から実際のScalableLightboxのデモを確認することができます。

ScalableLightbox

デモ

カーソルが画像の内側だと前後の矢印になり、外側だとバツ印になります。操作がしやすくて良いですね。UIもシンプルで洗練されている感じがします。

あとデモで使われている写真もカッコイイですね。建物好きにはピッタリではないでしょうか。

ScalableLightboxはRWDにも対応しているので、画面幅を拡大縮小してもそれに合わせてレイアウトが最適化されます。

パソコン以外にスマフォでも写真をかっこよく表示したいといった場合に使ってみたいですね。

ScalableLightbox

ItemSlide.jsタッチやスワイプでスライドするカルーセルのjQueryプラグイン「ItemSlide.js」前のページ

カスタマイズ性に優れたスライダーやカルーセルのjQueryプラグイン「Jqx-Media-Slider」次のページJqx-Media-Slider

関連記事

  1. jQuery Bar Rating

    JavaScript

    選択範囲を評価ウィジェットに変換できる「jQuery Bar Rating」

    jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィ…

  2. TextFit

    JavaScript

    テキストをコンテナ幅にすばやくフィットさせる「TextFit」

    TextFitは、一行または複数行のテキストをコンテナ幅(オプションに…

  3. jquery.autoscroll-text-tape
  4. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  5. JavaScript

    縦スクロールすると横スクロール(水平移動)していくjQueryプラグイン「jInvertScroll…

    これおもしろいですね。縦スクロールすると垂直に移動していくのではなくて…

  6. Maximum Characters limit exceeded warning

最近の記事

  1. Anker PowerPort 5-in-1 37.5W Hub
  2. α7C + FE28-60mm F4-5.6
  3. Apple Watch Series 6
  4. iPad Air

アーカイブ

PAGE TOP