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

  • files
  • js
  • html
<link href="<PATH>/avgrund.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.avgrund.min.js"></script>
<script>
	$(window).load(function(){
		$('#show').avgrund({
			height: 200,
			holderClass: 'custom',
			showClose: true,
			showCloseText: 'close',
			onBlurContainer: '.container',
			template: '<p>Avgrundのテスト</p>'
		});
	});
</script>


//オプション一覧

width: 380, // max is 640px
height: 280, // max is 350px
showClose: false, // switch to 'true' for enabling close button
showCloseText: '', // type your text for close button
closeByEscape: true, // enables closing popup by 'Esc'..
closeByDocument: true, // ..and by clicking document itself
holderClass: '', // lets you name custom class for popin holder..
overlayClass: '', // ..and overlay block
enableStackAnimation: false, // another animation type
onBlurContainer: '', // enables blur filter for specified block
openOnEvent: true, // set to 'false' to init on load
setEvent: 'click', // use your event like 'mouseover', 'touchmove', etc.
onLoad: function (elem) { ... }, // set custom call before popin is inited..
onUnload: function (elem) { ... }, // ..and after it was closed
template: 'Your content goes here..' // or function (elem) { ... }
<button id="AvgrundBtn" class="red">クリックすると。。。</button>

Avgrundについて

Avgrundは、他とは違った現れ方をするモーダル、ポップアッププラグインです。
インパクトのあるライトボックスを設置したい人におすすめです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Colorbox

    Colorbox

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

  • MagnificPopup

    MagnificPopup

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

  • Boxer

    Boxer

    シンプルなモーダルを設置できる

  • popeye

    popeye

    一味違うモーダル・ポップアップ

  • photobox

    photobox

    とりあえずイケてます