웹마스터 팁

  2. Support
  3. 웹마스터 팁

그냥 확 멋있는거 그냥그냥!!!!

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>

이 게시물을
수정 삭제
좋아요
목록
태그 쓰기