bpopup 팝업 닫기 사용법

bpopup  팝업창 만들기

('.popup').bPopup();

bpopup 팝업창 닫기

$('.popup').bPopup().close();

팝업 호출 전, 후 , 완료 후 이벤트 

$('.popup').bPopup({

    onOpen: function() { alert('열리기전 호출'); }, 

    onClose: function() { alert('닫히고나면 호출'); }

}, function() {

    alert('열리고나면 호출');

});

bpopup을 이용한 아이프레임

$('.popup').bPopup({

    content:'iframe',

    contentContainer:'.content',

    loadUrl:'http://cppcomeon.tistory.com'

});

$('.popup').bPopup({

    follow: [false, false], //x, y

    position: [150, 400] //x, y

});

follow 옵션은 따라다니기 여부

position 는 x, y 좌표값

$('element_to_pop_up').bPopup({

    modalClose: false,

    opacity: 0.6,

    followSpeed: 1500, //can be a string ('slow'/'fast') or int

    speed: 450,

    transition: 'slideDown',

    transitionClose: 'slideBack',

    autoClose: 1000

});

modalClose : 배경을 눌러서 팝업 닫기 여부

opacity : 배경 투명도

followSpeed : 따라다니는 속도

speed : 에니메이션 속도

transition : 팝업 열릴 때 애니메이션 옵션

transitionClose : 팝업 닫힐 때 애니메이션 옵션

autoClose : 자동 닫기 (밀리초)