単品表示

さむねいる

グループ表示

さむねいる One

さむねいる Two

さむねいる Three

さむねいる Four

さむねいる Five

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.fs.boxer.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.fs.boxer.min.js"></script>
<script>
    $(window).load(function(){
		$('.boxer').boxer();
    });
</script>
<p class="title">単品表示</p>
<p class="Boxer-demo"><a href="<PATH>/img05.jpg" class="boxer" title="さむねいる"><img src="<PATH>/img05.jpg" alt="さむねいる" /></a></p>


<p class="title">グループ表示</p>
<p class="Boxer-demo"><a href="<PATH>/img10.jpg" class="boxer" title="さむねいる One" data-gallery="gallery"><img src="<PATH>/img10.jpg" alt="さむねいる One" /></a></p>
<p class="Boxer-demo"><a href="<PATH>/imgb27.jpg" class="boxer" title="さむねいる Two" data-gallery="gallery"><img src="<PATH>/imgb27.jpg" alt="さむねいる Two" /></a></p>
<p class="Boxer-demo"><a href="<PATH>/imgb29.jpg" class="boxer" title="さむねいる Three" data-gallery="gallery"><img src="<PATH>/imgb29.jpg" alt="さむねいる Three" /></a></p>
<p class="Boxer-demo"><a href="<PATH>/imgd07.jpg" class="boxer" title="さむねいる Four" data-gallery="gallery"><img src="<PATH>/imgd07.jpg" alt="さむねいる Four" /></a></p>
<p class="Boxer-demo"><a href="<PATH>/imgd14.jpg" class="boxer" title="さむねいる Five" data-gallery="gallery"><img src="<PATH>/imgd14.jpg" alt="さむねいる Five" /></a></p>

Boxerについて

Boxerはシンプルなモーダルを設置できるプラグインです。
シンプルですが、オプションでの設定が豊富なので細かいカスタマイズができそうです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンス
対応ブラウザ

関連するjQueryプラグイン

  • Avgrund

    Avgrund

    他とは違った現れ方をするモーダル、ポップアップ

  • Colorbox

    Colorbox

    簡単にモーダル、ポップアップウィンドウを設置することができる

  • custombox

    custombox

    豊富なアクションを持つモーダルを設置できる

  • MagnificPopup

    MagnificPopup

    画像、フォーム、動画などをモーダルで表示できる

  • photobox

    photobox

    とりあえずイケてます