[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값');"