ScalableLightbox

JavaScript

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

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

[ads_center]

ScalableLightbox

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

ScalableLightbox

デモ

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

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

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

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

ScalableLightbox

関連記事

  1. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  2. infiniteSlider2.js
  3. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  4. JavaScript

    巻き簾のようにメニューを開閉するアニメーションを実装できるjQueryプラグイン「Makisu」

    巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりで…

  5. Stripe.Com Navigation

    JavaScript

    コンテナがアニメーションで可変するナビゲーション「Stripe.Com Navigation」

    ナビゲーションメニューのコンテナがアニメーションで可変するドロップダウ…

  6. Animated Heat Distortion Effects with WebGL

    JavaScript

    陽炎のような揺れを表現できる「Animated Heat Distortion Effects wi…

    夏の暑い日などによく見かける「陽炎」のようなエフェクトを実装することが…

最近の記事

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

アーカイブ

PAGE TOP