[bpopup] 레이어팝업창 소스

[bpopup] 레이어 팝업창(modal) 소스

[스크립]

   <!-- 팝업 -->

<script type="text/javascript">

function go_popup() { 

$('#popup').bPopup({ onClose: function(){$('#viewpop').attr('src','');}});}

function go_closepopup() {

$('#viewpop').attr('src','');}

</script>

<!-- //팝업 -->

[css]

.Pstyle{ 

opacity:0; 

display:none; 

position:relative; 

width:auto; 

border:1px solid #fff; 

padding:20px; 

background-color: black;

} 

.b-close{ 

position:absolute; 

right:5px; 

bottom:-35px; 

padding:5px; 

display:inline-block; 

cursor:pointer; 

color: white;

} 

[html]

<!-- popup -->

<div id="popup" class="Pstyle"> 

<span class="b-close" onclick="go_closepopup()">[ 닫 기 ]</span> 

<div class="">  //  컨텐츠영역

</div>

</div>

<!-- // popup -->

만약 팝업 소스 하나로 다수활용을 하고 싶다면 아래와 같이

<script>

function go_popup(keyval) {

$('#popup').bPopup({ onClose: function(){$('#viewpop').attr('src','');}});

var urls = "https://www.youtube.com/embed/"+keyval+"?ecver=1";

if(keyval == ""){

$('#viewpop').attr('src','');

}else{

$('#viewpop').attr('src', urls);

}

}

function go_closepopup() {

$('#viewpop').attr('src','');

}

vx

</script>

html 은 아래와 같이

onclick="go_popup('keyval값');"