웹마스터 팁
그냥 확 멋있는거 그냥그냥!!!!
2005.01.16 12:05
레이어를 이용한 이미지뷰어입니다....
주석이나 기타등등이 혹시 횡설수설하더라도
제 아이디를 봐서 원래 그런놈이려니 해주세요.
그리고
새해 복 많이 많이 받으세요
미리보기 : http://allzza.net/xxx/aboard.php?id=pds&mode=source&dbf=22
<title>그냥 확 멋있는 거. 그냥그냥!!!!</title>
<script>
/***************************
잠 안오는 밤 비는 내리고
온다는 눈은 화딱지 나게 안오고....
김빠진 쇠주는 남의 애를 끓나니....
어즈버 아랫배가 아파옴은
얼렁 화장실 갈때가 되었는가.
아으동동다리 아으다롱디리
드럽게맛대가리없는다리,
닭다리...닭대갈이
킁킁킁....
캬!!!!!! 명시로다.
******************************/
var img_url = new Array(
//-- 그냥 마구마구 이미지 주소만 적어주믄 그림 추갸 되능겨 그냥그냥!!!!
"http://kr.img.image.yahoo.com/ygi/gallery/img/4e/dc/41887e8b87b40.jpg",
"http://kr.img.image.yahoo.com/ygi/gallery/img/4e/dc/41887e8b87b41.jpg",
"http://is.nate.com/00/38/33/00383349_2.jpg",
"http://is.nate.com/00/38/33/00383345_2.jpg",
"http://is.nate.com/00/38/33/00383332_2.jpg",
"http://is.nate.com/00/38/33/00383343_2.jpg",
"http://is.nate.com/00/38/33/00383331_2.jpg",
"http://is.nate.com/00/38/33/00383342_2.jpg",
"http://is.nate.com/00/38/33/00383341_2.jpg",
"http://is.nate.com/00/38/33/00383334_2.jpg",
"http://is.nate.com/00/59/89/00598941_2.jpg",
"http://is.nate.com/00/58/11/00581148_2.jpg",
"http://is.nate.com/00/35/67/00356732_2.jpg",
"http://is.nate.com/00/58/27/00582742_2.jpg",
"http://is.nate.com/00/39/75/00397524_2.jpg",
"http://is.nate.com/00/60/22/00602281_2.jpg",
"http://is.nate.com/00/59/96/00599624_2.jpg",
"http://is.nate.com/00/49/87/00498775_2.jpg",
"http://is.nate.com/00/55/92/00559245_2.jpg",
"http://is.nate.com/00/58/97/00589779_2.jpg",
"http://is.nate.com/00/59/26/00592643_2.jpg",
"http://is.nate.com/00/57/58/00575851_2.jpg",
"http://is.nate.com/00/60/12/00601208_2.jpg",
"http://is.nate.com/00/49/80/00498055_2.jpg",
"http://is.nate.com/00/60/43/00604366_2.jpg",
"http://is.nate.com/00/60/18/00601808_2.jpg",
"http://is.nate.com/00/60/01/00600190_2.jpg",
"http://is.nate.com/00/60/43/00604352_2.jpg",
"http://is.nate.com/00/55/50/00555095_2.jpg"
);
t = false; //-- 긍게 이기 거시기.... 타이머 변수여 그냥그냥!!!
m = 0; //-- 이건 머냐 에 또 그러니깐두루..... 나두 잘 몰러....
function img_make() { //-- 그냥 문서가 확 열릴때 살모시 실행 되는 함수여 그냥그냥!!!!
inner = "";
for(i=0;i<img_url.length;i++) {
inner += '<img src=' + img_url[i] + ' width=100 height=75 onclick='view_img
(this.src)'>'
}
document.all.mmmn.innerHTML = inner;
}
function view_img(url) {
//-- 그냥 이 함수는 레이어에 확 그림을 로딩 시켜주는 함수여 그냥그냥!!!!
inner2 = "";
document.all.mn.style.filter = "Alpha(Opacity=0)";
document.all.mn.innerHTML = "<img src='" + url + "' alt='그냥 클릭하면 창이 확 닫히능
겨, 그냥그냥!!!!' onload='mowin(this.clientWidth,this.clientHeight)'>";
}
function mowin(w,h) {
//-- 그냥 이 함수는 로딩된 그림 크기를 계산해서 모니터 항가운데루 레이어를 옮겨주는 함수
여 그냥그냥!!!!
w = parseInt(w) + 20 ;h = parseInt(h) + 20;
document.all.mn.style.width = w;
document.all.mn.style.height = h;
(screen.availWidth - w > 0) ? ww = (screen.availWidth - w)/2 : ww = 0;
(screen.availHeight - h > 100) ? hh = (screen.availHeight - h)/2 - 100 : hh = 0;
document.all.mn.style.left = ww;
document.all.mn.style.top = hh;
//document.all.mn.style.visibility = 'visible';
fade_(0);
}
function fade_(flag) {
//-- 그냥 이 함수는 그림 보여줄때 확 멋있게 보여주능겨 그냥그냥!!!!
if(!flag) t = setInterval("vi()",5);
else t = setInterval("vvi()",5);
}
function vi() {
//-- 그냥 요 함수는 그림이 서서히 보이는 함수여 그냥그냥!!!!
if(m < 100) {
m += 10;
document.all.mn.style.filter = 'Alpha(Opacity=' + m + ')';
}
else clearTimeout(t);
}
function vvi() {
//-- 그냥 요 함수는 그림이 서서히 사라지능겨 그냥그냥!!!!
if(m > 0) {
m -= 10;
document.all.mn.style.filter = 'Alpha(Opacity=' + m + ')';
}
else {
clearTimeout(t);
document.all.mn.innerHTML = "";
}
}
</script>
<body onload='img_make()'>
<b>사진을 그냥 확 클릭해봐 그냥그냥!!!!</b><br>
첫번째 사진은 화면보다 확 큰거, 두번째 사진은 적당히 화면 크기에 맞는거.<br>
그리고 나머지는 미친개 서비스.
<div id=mn style='position:absolute;left:5000;top:0;filiter:Alpha(Opacity=0);z-
Index:1;border:10 solid pink' onclick='fade_(1)'>
</div>
<div id=mmmn style='position:absolute;left:200;top:100;width:600;height:200;'>
</div>
</body>
댓글 3
-
EDENe
2005.01.16 22:36
m은 사진 나타났다가 사라질때 투명도 값을 주기 위한 것이며, 기본값이 0으로 해두셔야할 것 같네요. -
안승현
2005.02.06 05:39
-0-;; 미친개님은 언제나 주석이 ㅋㅋ -
Sky_yil
2005.02.04 20:57
하하 소스보다 주석에 쓴 말들이 더 재미있네요.^^