jQuery fullsizable

JavaScript

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

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

[ads_center]

jQuery fullsizableの使い方

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

jQuery fullsizable

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

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

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

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

jQuery fullsizable

関連記事

  1. jfMagnify
  2. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

  3. Text Rotator
  4. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

  5. JavaScript

    タッチ、フリック、レスポンシブ対応のスライダーギャラリー「Flickity」

    Flickityはスマフォやタブレットに最適なタッチやフリック、または…

  6. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP