홈페이지 어두워지면서 레이어 띄우기 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

홈페이지 어두워지면서 레이어 띄우기 정보

홈페이지 어두워지면서 레이어 띄우기

본문

링크 #1 에 들어가셔서

아래로 내려보시면 "다운로드" 밑에 "연동모듈 다운로드 하기" 가 있을거에요.

그거 눌러보면 홈페이지 어두워지면서 레이어 띄어지는거

이거 관련 팁이나 방법 알 수 있을까요?


활용팁이 뒤져봤는데 아무것도 못 건졌네요 ㅠ.ㅠ
  • 복사

댓글 전체

골뱅이 홈페이지 자기소개 아이디로 검색 회원게시물 08.01.23 21:33:16
<style type="text/css"> 
.SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; } 
.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; } 
.SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; } 
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; } 
</style> 
<script language="JavaScript">
            // 심플 라이트박스 효과 by 알릭 (2007/03/01) 
            // http://www.alik.info
var SLB_cnt = 0;
            function SLB_show(url, type) 
            { 
                var a = document.getElementById('SLB_film'); 
                var b = document.getElementById('SLB_content'); 
                var c = document.getElementById('SLB_loading'); 
                if(url) { 
                    a.style.top = 0; 
                    a.style.left = 0; 
                    a.style.display = ""; 
                    a.style.height = document.body.scrollHeight + 'px'; 
                    document.getElementById('SLB_loading').style.display = "block"; 
                    SLB_setCenter(c,true); 
                    if(type == 'image') { 
                        b.innerHTML="<img src=" + url + " class='SLB_center' onload='SLB_setCenter(this);' />"; 
                        if(arguments[2]) a.onclick = function () { SLB_show() }; 
                        if(arguments[3]) b.innerHTML += "<div class='SLB_caption'>"+ arguments[3] +"</div>";; 
                    } else if (type == 'iframe') { 
                        b.innerHTML="<iframe src=" + url + " width="+ arguments[2] +" height="+ arguments[3] +" class='SLB_center' marginwidth='0' marginheight='0' frameborder='0' vspace='0' hspace='0' onload='SLB_setCenter(this);' /></iframe>";     
                        if(arguments[4]) { 
                            b.innerHTML += "<div class='SLB_close' onclick='SLB_show();' title='닫기'>close</div>"; 
                        } 
                        b.onclick = ''; b.firstChild.style.cursor = 'default';   
                    } else if (type='html'){ 
                        b.innerHTML = url; 
                        SLB_setCenter(b.firstChild); 
                        if(arguments[2]) b.onclick = '';   
                    }
hideSelect();
                } else { 
                    a.onclick = ''; 
                    a.style.display = "none"; 
                    b.innerHTML = ""; 
                    b.onclick = function () { SLB_show() }; 
                    c.style.display = "none"; 
showSelect();
SLB_cnt = 0;
                } 
            } 
             
            function SLB_setCenter(obj) { 
                if (obj) { 
                    var h = window.innerHeight || self.innerHeight || document.body.clientHeight; 
                    var w = window.innerWidth || self.innerWidth || document.body.clientWidth; 
                    var l = (document.body.scrollLeft + ((w-(obj.width||parseInt(obj.style.width)||obj.offsetWidth))/2)); 
                    var t = (document.body.scrollTop + ((h-(obj.height||parseInt(obj.style.height)||obj.offsetHeight))/2)); 
                    if((obj.width||parseInt(obj.style.width)||obj.offsetWidth) >= w) l = 0; 
                    if((obj.height||parseInt(obj.style.height)||obj.offsetHeight) >= h) t = document.body.scrollTop; 
                    document.getElementById('SLB_content').style.left = l + "px";
if(SLB_cnt == 0) {
                    document.getElementById('SLB_content').style.top = t + "px";
if(document.getElementById('SLB_content').offsetHeight >= h) {
SLB_cnt ++;
}
}
                    obj.style.visibility = 'visible'; 
                    if(obj.nextSibling && (obj.nextSibling.className == 'SLB_close' || obj.nextSibling.className == 'SLB_caption')) { 
                        obj.nextSibling.style.display = 'block';
if(document.getElementById('SLB_content').offsetHeight < h) {
document.getElementById('SLB_content').style.top = parseInt(document.getElementById('SLB_content').style.top) - (obj.nextSibling.offsetHeight/2) + "px";
}
                    } 
                    if(!arguments[1]) { 
                        document.getElementById('SLB_loading').style.display = "none";
                    } else {
obj.style.left = l + "px"; 
obj.style.top = t + "px";
                    } 
                } 
            }

function hideSelect() {
var windows = window.frames.length;
var selects = document.getElementsByTagName("SELECT");
for (i=0;i < selects.length ;i++ )
{
selects[i].style.visibility = "hidden";
}

if (windows > 0) {
for(i=0; i < windows; i++) {
try {
var selects = window.frames[i].document.getElementsByTagName("SELECT");
for (j=0;j<selects.length ;j++ )
{
selects[j].style.visibility = "hidden";
}
} catch (e) {}
}
}
}

function showSelect() {
var windows = window.frames.length;
var selects = document.getElementsByTagName("SELECT");
for (i=0;i < selects.length ;i++ )
{
selects[i].style.visibility = "visible";
}

if (windows > 0) {
for(i=0; i < windows; i++) {
try {
var selects = window.frames[i].document.getElementsByTagName("SELECT");
for (j=0;j<selects.length ;j++ )
{
selects[j].style.visibility = "visible";
}
} catch (e) {}
}
}
}

var prevOnScroll = window.onscroll; 
window.onscroll = function () { 
if(prevOnScroll != undefined) prevOnScroll(); 
document.getElementById('SLB_film').style.height = document.body.scrollHeight + 'px'; 
document.getElementById('SLB_film').style.width = document.body.scrollWidth + 'px'; 
SLB_setCenter(document.getElementById('SLB_content').firstChild);           
} 
var prevOnResize = window.onresize;     
window.onresize = function () { 
if(prevOnResize != undefined) prevOnResize(); 
document.getElementById('SLB_film').style.height = document.body.offsetHeight + 'px'; 
document.getElementById('SLB_film').style.width = document.body.offsetWidth + 'px'; 
SLB_setCenter(document.getElementById('SLB_content').firstChild);       
  } 
 
  function file_download(link, file) {
        document.location.href=link;
}
</script>
<div id="SLB_film" style="z-index: 99997; position:absolute; display:none; width:100%; height:100%; background-color:#000000; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;"></div> 
<div id="SLB_content" onclick="SLB_show();" align="center" style="z-index: 99999; position:absolute;"></div> 
<div id="SLB_loading" onclick="SLB_show();" title="로딩중...클릭시 취소">&nbsp;Loading...&nbsp;</div>

이거 해당 페이지에 삽입하시고

<a href="javascript:SLB_show('http://URL/bbs/board.php?bo_table=test','iframe', 660, 500, true);">test 게시판</a>

이렇게 하시면 됩니다.

소스보기 하시면 다 보이네요. ^^
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로