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. JavaScript

    JavaScriptのlocation.searchでクエリ情報を取得してみる

    JavaScriptで、現在のページのクエリ情報(URLの末尾にある「…

  2. JavaScript

    軽量で嬉しい!画像を拡大ズームしてくれるjQueryプラグイン「Leroy Zoom」

    Leroy ZoomというjQueryプラグインを使えば、画像を拡大ズ…

  3. Water Wave Effect jQuery
  4. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

  5. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP