/*
http://www.alik.info/ 참조 사이트
http://www.alik.info/work/slb.html
페이지에 slb.js 를 와 유사한 방식으로 추가해 주신후에
페이지에 위와 같이 스타일을 추가해주시구요~(css 에 추가하시거나~)
Loading...
위 3개 div 를 바로 밑에 추가해주시고 나서 아래의 예제를 참고하여 링크에 href="javascript:SLB('...');" 방식이나 onclick="SLB('...');" 으로 이용하시면 됩니다.
이미지 띄우기
실행코드: SLB('http://i.blog.empas.com/frozen108/28257327_365x396.jpg','image',true);
설명: SLB('이미지주소', 'image', 반투명배경클릭시닫기?(true or false));
이미지 띄우기 - 캡션과 함께
실행코드: SLB('http://i.blog.empas.com/frozen108/28257327_365x396.jpg','image',false, '오~이쁘당!김태희 ^^');
설명: SLB('이미지주소', 'image', 반투명배경클릭시닫기?(true or false), '캡션내용');
아이프레임 띄우기 [1] [2]
SLB('http://www.yahoo.com','iframe', 600, 400, true, false);
[1] = SLB('./blank1.html','iframe', 400, 200, true, true)
[2] = SLB('./blank2.html','iframe', 400, 400, true, true)
설명: SLB('아이프래임 src', 'iframe', 가로크기, 세로크기, 아이프렘하단에 닫기버튼표시?(true or false), 내용에 맞게 아이프레임의 높이 자동 조절?(true or false));
html 띄우기1
SLB('하하하하하
ㅋㅋㅋㅋ
','html');
설명: SLB('html 소스', 'html', 중앙 내용클릭해도 안닫히기?(true or false));
html 띄우기2
SLB('TABLE
| 다른곳은 | 클릭해도 |
| 안닫힘 | 닫기는여기
onclick=\'SLB();\' |
";
if(arguments[2]) a.onclick = function () { SLB() };
if(arguments[3]) b.innerHTML += ""+ arguments[3] +"
";;
} else if (type == 'iframe') {
b.innerHTML="";
if(arguments[4]) {
b.innerHTML += "close
";
}
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";
a.style.height = '100%';
a.style.width = '100%';
b.innerHTML = "";
b.onclick = function () { SLB() };
c.style.display = "none";
showSelect();
SLB_cnt = 0;
}
}
function SLB_setCenter(obj) {
if (obj) {
var h = (window.innerHeight || self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight);
var w = (window.innerWidth || self.innerWidth || document.documentElement.clientWidth || document.body.clientWidth);
var l = ((window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft) + ((w-(obj.width||parseInt(obj.style.width)||obj.offsetWidth))/2));
var t = ((window.pageYOffset || document.documentElement.scrollTop || 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 = (window.pageYOffset || document.documentElement.scrollTop || 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 - 20) {
SLB_cnt ++;
}
if(obj.nextSibling && (obj.nextSibling.className == 'SLB_close' || obj.nextSibling.className == 'SLB_caption')) {
obj.nextSibling.style.display = 'block';
if((t - (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop))>(obj.nextSibling.offsetHeight/2)) {
document.getElementById('SLB_content').style.top = parseInt(document.getElementById('SLB_content').style.top) - (obj.nextSibling.offsetHeight/2) + "px";
}
}
}
obj.style.visibility = 'visible';
if(!arguments[1]) {
document.getElementById('SLB_loading').style.display = "none";
} else {
obj.style.left = l + "px";
obj.style.top = t + "px";
}
}
}
//top 으로 추가한 부분
function SLB_setTop(obj) {
if (obj) {
var h = (window.innerHeight || self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight);
var w = (window.innerWidth || self.innerWidth || document.documentElement.clientWidth || document.body.clientWidth);
var l = ((window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft) + ((w-(obj.width||parseInt(obj.style.width)||obj.offsetWidth))/2));
var t = ((window.pageYOffset || document.documentElement.scrollTop || 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 = (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop);
document.getElementById('SLB_content').style.left = l + "px";
if(SLB_cnt == 0) {
document.getElementById('SLB_content').style.top = 50 + "px"; // top 위치 잡기
if(document.getElementById('SLB_content').offsetHeight >= h - 20) {
SLB_cnt ++;
}
if(obj.nextSibling && (obj.nextSibling.className == 'SLB_close' || obj.nextSibling.className == 'SLB_caption')) {
obj.nextSibling.style.display = 'block';
if((t - (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop))>(obj.nextSibling.offsetHeight/2)) {
document.getElementById('SLB_content').style.top = 200;
}
}
}
obj.style.visibility = 'visible';
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 0) {
for(i=0; i < windows; i++) {
try {
var selects = window.frames[i].document.getElementsByTagName("SELECT");
for (j=0;j=0.1? 16 : 0;
var currentfr=document.getElementById('SLB_iframe');
if(sign == true) {
try {
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) {
setIframeSize(currentfr.contentDocument.body.offsetHeight+FFextraHeight);
} else if (currentfr.Document && currentfr.Document.body.scrollHeight) {
setIframeSize(currentfr.Document.body.scrollHeight);
}
}catch(e) { }
} else {
//SLB_setCenter(currentfr);
SLB_setTop(currentfr);
}
}
function setIframeSize(h, w) {
SLB_cnt = 0;
var ifr = currentfr=document.getElementById('SLB_iframe');
if (ifr) {
if(w) {
ifr.width = w;
}
if(h) {
ifr.height = h;
}
SLB_setTop(ifr);
//SLB_setCenter(ifr);
}
}
var prevOnScroll = window.onscroll;
window.onscroll = function () {
if(prevOnScroll != undefined) prevOnScroll();
if (document.documentElement.scrollHeight > document.body.scrollHeight) {
document.getElementById('SLB_film').style.height = document.documentElement.scrollHeight + 'px';
} else {
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);
SLB_setTop(document.getElementById('SLB_content').firstChild);
}
var prevOnResize = window.onresize;
window.onresize = function () {
if(prevOnResize != undefined) prevOnResize();
if (document.documentElement.scrollHeight > document.body.scrollHeight) {
document.getElementById('SLB_film').style.height = document.documentElement.scrollHeight + 'px';
} else {
document.getElementById('SLB_film').style.height = document.body.scrollHeight + 'px';
}
document.getElementById('SLB_film').style.width = document.body.offsetWidth + 'px';
// SLB_setCenter(document.getElementById('SLB_content').firstChild);
SLB_setTop(document.getElementById('SLB_content').firstChild);
}