ScalableLightbox

JavaScript

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

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

[ads_center]

ScalableLightbox

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

ScalableLightbox

デモ

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

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

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

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

ScalableLightbox

関連記事

  1. Smooth Scroll behavior polyfill
  2. Lightbox

    JavaScript

    jQuery依存なしのシンプルなライトボックス機能を実装できる「Lightbox」

    LightboxはjQueryに依存することなくシンプルなライトボック…

  3. SpriteSpin

    JavaScript

    タッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」

    SpriteSpinはプロダクトページなどで役立つ、360度ビューを実…

  4. JavaScript

    jQuery Backstretchを使えば超簡単にブラウザサイズに合った背景画像を表示できる

    背景画像をブラウザのサイズに合わせて表示できるプラグイン「jQuery…

  5. JavaScript

    レスポンシブに対応している軽量のjQueryスライダー「Unslider」

    とても軽量でレスポンシブにも対応しているjQueryスライダー「Uns…

  6. PrognRoll

    JavaScript

    スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

    PrognRollはスクロールによるプログレスバーを表示することができ…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP