jQuery fullsizable

JavaScript

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

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

[ads_center]

jQuery fullsizableの使い方

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

jQuery fullsizable

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

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

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

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

jQuery fullsizable

FRAMEiPhoneやMacにスクリーンショットを埋め込んで画像作成できるツール「FRAME」前のページ

雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」次のページLetter Drop

関連記事

  1. Slideout.js

    JavaScript

    軽量でタッチスライド対応のサイドメニュー・Slideout.js

    Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイ…

  2. simplePagination.js
  3. WEB TICKER

    JavaScript

    テキストや画像を無限にスクロールさせれるティッカー実装「WEB TICKER」

    WEB TICKERは、テキストや画像、リストなどさまざまなコンテンツ…

  4. StickyStack.js

    JavaScript

    パネルにスタッキング効果を実装できるjQueryプラグイン「StickyStack.js」

    StickyStack.jsはパネルにスタッキング効果を実装することが…

  5. CaptionerJs

    JavaScript

    画像に開閉できるキャプションを実装できるjQueryプラグイン「CaptionerJs」

    CaptionerJsは画像に開閉できるキャプションを実装することがで…

  6. Bricks.js

    JavaScript

    超高速なMasonryレイアウトを実装できる「Bricks.js」

    Bricks.jsは、固定した幅で配置する画像などの要素をすばやく配置…

最近の記事

  1. 蒼龍唐玉堂 特製牛バラ担々麺
  2. サーモンアボカドサラダラップとドリップ
  3. 猿田彦フレンチ
  4. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  5. ビジネスホテル

アーカイブ

PAGE TOP