웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이어를 이용한 이미지뷰어입니다....
주석이나 기타등등이 혹시 횡설수설하더라도
제 아이디를 봐서 원래 그런놈이려니 해주세요.
그리고
새해 복 많이 많이 받으세요
미리보기 : 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>
그냥 확 멋있는거 그냥그냥!!!!
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
하하 소스보다 주석에 쓴 말들이 더 재미있네요.^^
제목 | 글쓴이 | 날짜 |
---|---|---|
세션파일 크기/만들어진 시간체크해서 정해진 시간이후엔 파일 지우기?;; (라고 써야되낭? ;;) [6] | 다오케이 | 2003.05.12 |
PHP+MSSQL?(수정판) [11] | 씨파개 | 2003.05.10 |
이미지 전용 파일업로드시의 확장자 체크시.. [4] | 특급잠수부 | 2003.05.07 |
mysql_fetch_row n mysql_fetch_array n mysql_fetch_object [4] | sMokaHallo | 2003.05.06 |
if 시리즈 2탄.. ㅡㅡ;; [9] | 씨파개 | 2003.05.05 |
PHP 확장 함수를 이용한 exif 정보 출력
[1]
![]() | NoSoRi | 2003.04.30 |
if 시리즈 1탄! [15] | 씨파개 | 2003.04.28 |
ID3v1태그 읽는 함수입니다. [4] | 김승태 | 2003.04.27 |
군대간 친구 남은날짜 계산하기 [6] | xacdo | 2003.04.27 |
유용한 일반 함수 모음;ㅁ; [11] | TheMics | 2003.04.23 |
노프레임+프레임없이 접근막기+게시물 링크하기 [3] | teslaMINT | 2003.04.20 |
PHP 혼자 공부하기 - 12 :: SQL문
[6]
![]() | 행복한고니 | 2003.04.20 |
데이터베이스, PHP를 만나면「알짜 사이트로 부활!」 [1] | .maya | 2003.04.18 |
[mics'php] 2. PHP 사용 시스템 구축하기
[3]
![]() | TheMics | 2003.04.17 |
[mics'php] 1. PHP란? [8] | TheMics | 2003.04.16 |
PHP 혼자 공부하기 - 11 :: 정규식 실전예제
[9]
![]() | 행복한고니 | 2003.04.16 |
PHP 혼자 공부하기 - 10 :: 정규식 패턴 문법 [3] | 행복한고니 | 2003.04.15 |
PHP 혼자 공부하기 - 9 :: 정규식 함수 [3] | 행복한고니 | 2003.04.14 |
PHP 혼자 공부하기 - 8 :: 시간다루기 [18] | 행복한고니 | 2003.04.13 |
PHP 혼자 공부하기 - 7 :: 제어문과 함수 [7] | 행복한고니 | 2003.04.12 |