fullPopup.js

플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.

fullPopup.js

전체화면을 가리고 그 위로 레이어팝업을 띄어야 할때 이용

사용법

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/fullPopup_1.5.min.js"></script>


<button>레이어팝업</button>

<iframe id="popup_base" src="/blank" style="display:none; position:fixed; background:#fff; border-radius:4px; "></iframe>


<script>
$(function(){
    $(document).on('click','button',function(){
        $('#popup_base').fullPopupOn({
            width:400,
            height:300
        });
    });
});
</script>

 

 

 

 

설치방법

 

1. Line1 : 제이쿼리를 설치 및 연결 합니다.

 

2. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.

 

3. Line5 : 팝업을 발생 시킬 버튼을 만듭니다.

 

4. Line7 : 팝업 내용을 나타낼 iframe 을 만듭니다.

 

5. Line11 ~ 18 : 스크립트를 복사 그리고 붙여넣기 합니다.

 

 
 
 
 
 
Install
 

1. Line1 : Install and Connect the jQuery.

 

2. Line2 : Register the domain after using the plug-in. Copy and paste code.

 

3. Line5 : Create a button to popup.

 

4. Line7 : Create an iframe to display popup content.

 

5. Line6 ~ 14 : Copy and paste the script.