jQuery fullsizable

JavaScript

画像をフルスクリーン表示できるLightbox風ギャラリー「jQuery fullsizable」

jQuery fullsizableというjQueryプラグインを使えば、画像をフルスクリーンで表示できるLightbox風ギャラリーを実装することができます。ブラウザ画面を最大限活用して画像を目一杯大きく見せたい時に役立ちそうですね。

[ads_center]

jQuery fullsizableの使い方

こんな感じでサムネイル画像をクリックすると大きい画像が表示されます。

jQuery fullsizable

右上辺りに表示されているフルスクリーンボタンをクリックすると、画像をフルスクリーンで見ることができます。とても便利です。やはり画像は大きい方が迫力ありますね。

使い方もシンプルでよさそうです。

$('a.fullsizable').fullsizable();

オプションでナビゲーション、クローズボタン、フルスクリーンボタンなどを設定することができます。

jQuery fullsizable

関連記事

  1. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  2. JavaScript

    フレキシブルなjQueryプラグインのアコーディオンパネル「Flexible Slide-to-to…

    いい感じのアコーディオンがあったので試してみたところ、とてもよさげだっ…

  3. A simple jQuery Accordion with unlimited nesting

    JavaScript

    シンプルなアコーディオンを実装する「A simple jQuery Accordion with u…

    シンプルで見やすいアコーディオンを実装することができる「A simpl…

  4. Remodal

    JavaScript

    レスポンシブ対応のお洒落なモーダルウィンドウを実装できるjQueryプラグイン「Remodal」

    RemodalというjQueryプラグインを使えば、レスポンシブに対応…

  5. HR Navigation Responsive Menu
  6. Multi-Screen.js

最近の記事

  1. Soundcore Liberty Air 2
  2. Soundcore Liberty 2
  3. マザーツリー
  4. RICOH THETA SC2

アーカイブ

PAGE TOP