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

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  2. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  4. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

  5. TV Credits

    JavaScript

    垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits…

    TV Creditsは垂直方向や水平方向に流れていくティッカーを実装す…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP