【Fluidbox】軽快な動きで画面いっぱいに表示されるLightBox風なjQueryプラグイン

画像関連
【Fluidbox】軽快な動きで画面いっぱいに表示されるLightBox風なjQueryプラグイン

Demo Page Download Page

使い方はとてもシンプルで、aタグでリンクされている画像を拡大版として表示します。レスポンシブにも対応しています。

Lisence

GPLライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

Tag

Lightboxレスポンシブ

設置方法などの参考ページ

Fluidbox – 画面いっぱいに広がるLightbox系ライブラリ

http://www.moongift.jp/2014/02/fluidbox-%E7%94%BB%E9%9D%A2%E3%81%84%E3%81%A3%E3%81%B1%E3%81%84%E3%81%AB%E5%BA%83%E3%81%8C%E3%82%8Blightbox%E7%B3%BB%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+moongift+%28MOONGIFT+-+%3F%3F%3F%3F%3F%3F%3F%3F%3F%3FIT%3F%3F%3F%3F+-%29

クリックして写真を拡大表示するライブラリとしてはLightboxが知られていますが、いつも同じライブラリを使っていると次第に見飽きてしまうものです。そこでライブラリを変えてみることでユーザの目を新たに引くという施策はいかがでしょうか。 FluidboxはjQueryプラグインとして提供されるLeightbox系ライブラリです。 Fluidboxの使い方使い方はjQueryプラグインだけにとてもシンプルで、fluidboxメソッドを実行するだけです。aタグでリンクされている画像を拡大版として扱います。 [ ![](...) ](...) $(function () { $('.gallery a, a[rel="lightbox"]').fluidbox();}) Fluidboxのデモ Fluidboxの特徴としてはこのウィンドウいっぱいに広がって表示されることかと思います。ウィンドウをリサイズしたり、画像以外の部分をクリックすると拡大表示が解除されるようになっています。 FluidboxはjQuery/JavaScript製のオープンソース・ソフトウェア（GPL）です。 Fluidbox, a jQuery plugin for beautiful lightboxes terrymun/Fluidbox