댓글 3개
14년 전
<html>
<style type="text/css">
html { width:100%; height:100%; }
body { width:100%; height:100%; margin: 0px; padding: 0px; font-size:9pt; }
.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 20px 4px 20px; border: solid 1px #cfcfcf; }
</style>
<script language="javascript" type="text/javascript">
// 심플 라이트박스 효과
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);
}
</script>
<head>
<body><br>
<br>
<br>
<br>
<br>
<br>
<br>
<table width="667" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="3" bgcolor="#53a5c1"></td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td align="center"><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="로딩중...클릭시 취소"> Loading... </div>
<div>
<a onClick="SLB_show('ex.php','iframe', 864, 613, true);" style='cursor:pointer; border-bottom:0px solid blue; line-height:2;'>라이트박스효과 </a></div> </td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td height="3" bgcolor="#53a5c1"></td>
</tr>
</table>
</body>
</head>
</html>
--------------------------------------
참고하세요.. 도움이 되셨기를...
<style type="text/css">
html { width:100%; height:100%; }
body { width:100%; height:100%; margin: 0px; padding: 0px; font-size:9pt; }
.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 20px 4px 20px; border: solid 1px #cfcfcf; }
</style>
<script language="javascript" type="text/javascript">
// 심플 라이트박스 효과
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);
}
</script>
<head>
<body><br>
<br>
<br>
<br>
<br>
<br>
<br>
<table width="667" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="3" bgcolor="#53a5c1"></td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td align="center"><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="로딩중...클릭시 취소"> Loading... </div>
<div>
<a onClick="SLB_show('ex.php','iframe', 864, 613, true);" style='cursor:pointer; border-bottom:0px solid blue; line-height:2;'>라이트박스효과 </a></div> </td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td height="3" bgcolor="#53a5c1"></td>
</tr>
</table>
</body>
</head>
</html>
--------------------------------------
참고하세요.. 도움이 되셨기를...
14년 전
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=94894&sca=%EC%99%B8%EB%B6%80%EB%A1%9C%EA%B7%B8%EC%9D%B8
이것두 참고하셔요
이것두 참고하셔요
14년 전
감사합니다
게시판 목록
디자인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1266 | 12년 전 | 2003 | ||
| 1265 | 12년 전 | 2328 | ||
| 1264 | 12년 전 | 16667 | ||
| 1263 | 12년 전 | 2810 | ||
| 1262 | 12년 전 | 1455 | ||
| 1261 |
또다른세상
|
13년 전 | 1615 | |
| 1260 |
또다른세상
|
13년 전 | 2462 | |
| 1259 |
 그리워하며 |
13년 전 | 1452 | |
| 1258 |
wonup2
|
13년 전 | 1836 | |
| 1257 | 13년 전 | 1844 | ||
| 1256 | 13년 전 | 2264 | ||
| 1255 |
 grapedw |
13년 전 | 3129 | |
| 1254 |
그누보드시작해요
|
13년 전 | 908 | |
| 1253 |
그누보드시작해요
|
13년 전 | 1136 | |
| 1252 |
그누보드시작해요
|
13년 전 | 944 | |
| 1251 |
그누보드시작해요
|
13년 전 | 1096 | |
| 1250 | 13년 전 | 3171 | ||
| 1249 |
그누보드시작해요
|
13년 전 | 1124 | |
| 1248 |
그누보드시작해요
|
13년 전 | 1034 | |
| 1247 |
그누보드시작해요
|
13년 전 | 1273 | |
| 1246 |
 ybproseccer |
13년 전 | 1530 | |
| 1245 | 13년 전 | 1776 | ||
| 1244 |
wjdxo
|
13년 전 | 1164 | |
| 1243 | 13년 전 | 1031 | ||
| 1242 | 13년 전 | 1261 | ||
| 1241 |
 GameBug |
13년 전 | 2356 | |
| 1240 |
또다른세상
|
13년 전 | 4043 | |
| 1239 |
또다른세상
|
13년 전 | 2509 | |
| 1238 | 13년 전 | 4395 | ||
| 1237 |
 본인요청삭제☆ |
13년 전 | 1142 | |
| 1236 |
스키페트롤
|
13년 전 | 2098 | |
| 1235 | 13년 전 | 1359 | ||
| 1234 | 13년 전 | 3313 | ||
| 1233 | 13년 전 | 1326 | ||
| 1232 | 13년 전 | 2947 | ||
| 1231 |
 인디안나라 |
13년 전 | 1772 | |
| 1230 | 13년 전 | 1042 | ||
| 1229 |
인디안나라 |
13년 전 | 1041 | |
| 1228 |
 FRESHNESSLAB |
13년 전 | 1036 | |
| 1227 | 13년 전 | 1371 | ||
| 1226 |
아름다운세상
|
13년 전 | 2246 | |
| 1225 |
GameBug |
13년 전 | 1883 | |
| 1224 | 13년 전 | 1085 | ||
| 1223 | 13년 전 | 1402 | ||
| 1222 |
아름다운세상
|
13년 전 | 3334 | |
| 1221 | 13년 전 | 1042 | ||
| 1220 | 13년 전 | 1181 | ||
| 1219 |
 iwebstory |
13년 전 | 1261 | |
| 1218 | 13년 전 | 1321 | ||
| 1217 | 13년 전 | 772 | ||
| 1216 |
 울랄라커뮤니케이션스 |
13년 전 | 1222 | |
| 1215 | 13년 전 | 2856 | ||
| 1214 | 13년 전 | 3280 | ||
| 1213 | 13년 전 | 1063 | ||
| 1212 |
iwebstory |
13년 전 | 2464 | |
| 1211 | 13년 전 | 3769 | ||
| 1210 |
GameBug |
13년 전 | 3232 | |
| 1209 | 13년 전 | 3236 | ||
| 1208 |
iwebstory |
13년 전 | 1820 | |
| 1207 |
 Maximus |
13년 전 | 2307 | |
| 1206 |
GameBug |
13년 전 | 1254 | |
| 1205 | 13년 전 | 1081 | ||
| 1204 |
Maximus |
13년 전 | 1640 | |
| 1203 |
 KIMys |
13년 전 | 1776 | |
| 1202 |
JBstyle
|
13년 전 | 1192 | |
| 1201 |
한번잘해보자
|
13년 전 | 1333 | |
| 1200 | 13년 전 | 1350 | ||
| 1199 | 13년 전 | 1392 | ||
| 1198 |
grapedw |
13년 전 | 1137 | |
| 1197 |
Maximus |
13년 전 | 1790 | |
| 1196 |
JBstyle
|
13년 전 | 4776 | |
| 1195 |
JBstyle
|
13년 전 | 4874 | |
| 1194 |
Rainsu
|
13년 전 | 1348 | |
| 1193 |
Maximus |
13년 전 | 1232 | |
| 1192 |
Maximus |
13년 전 | 1255 | |
| 1191 |
 직화오리팡야 |
13년 전 | 1006 | |
| 1190 | 13년 전 | 1151 | ||
| 1189 | 13년 전 | 2435 | ||
| 1188 |
Maximus |
13년 전 | 1283 | |
| 1187 |
Maximus |
13년 전 | 1261 | |
| 1186 |
아름다운세상
|
13년 전 | 2515 | |
| 1185 |
freejazzme
|
13년 전 | 1281 | |
| 1184 | 13년 전 | 1113 | ||
| 1183 |
iwebstory |
13년 전 | 1125 | |
| 1182 |
Maximus |
13년 전 | 2133 | |
| 1181 |
Rainsu
|
13년 전 | 1130 | |
| 1180 |
울랄라커뮤니케이션스 |
13년 전 | 1189 | |
| 1179 |
울랄라커뮤니케이션스 |
13년 전 | 2587 | |
| 1178 |
sahara
|
13년 전 | 914 | |
| 1177 | 13년 전 | 5027 | ||
| 1176 | 13년 전 | 1006 | ||
| 1175 | 13년 전 | 1030 | ||
| 1174 |
 미스코리아 |
13년 전 | 953 | |
| 1173 | 13년 전 | 979 | ||
| 1172 |
GameBug |
13년 전 | 1774 | |
| 1171 | 13년 전 | 4802 | ||
| 1170 | 13년 전 | 4497 | ||
| 1169 |
광운대학교미디어프로듀서팀
|
13년 전 | 1330 | |
| 1168 |
미션임파썩을
|
13년 전 | 5169 | |
| 1167 |
 엘남매아빠 |
13년 전 | 2370 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기