태터툴즈 고쳐쓰기 #4 - 이미지보기 팝업 개선
이미지 링크를 눌렀을때 뜨는 image_pop.php 창은 이미지가 800x600 이하일때는 이미지 크기에 딱 맞게 떠주지만 그 이상의 크기에는 창 크기가 820x600으로 고정이 된다. 그래서 고해상도 모니터 사용자가 큰 그림을 볼때는 다소 답답한 면이 있어서 약간 수정
고쳐보세 :
inc_function.php 파일중 813번째줄 set_file($type, $cval1, $cval2, $spath, $rpath) 함수의 case "1": ~ break; 부분을 아래처럼 고친다
이미지크기가 현재 화면보다 작으면 스크롤바 없이 화면 가운데 톡 띄워주고 화면크기를 넘어가면 스크롤바를 만들고 화면에 가득차는 창을 만들어주는 구조. image_pop.php 파일만 수정해서 처리하기에는 한계가 있어서 inc_function.php 파일을 고쳤다. 태터 RSS 리더에서도 뜰 수 있도록 별도의 함수를 쓰지 않고 window.open()만 가지고 만드느냐고 끼워넣은 스크립트가 애처롭기 그지없다;;
어떤식으로 뜨는지는 아래 사진을 클릭하면..
고쳐보세 :
inc_function.php 파일중 813번째줄 set_file($type, $cval1, $cval2, $spath, $rpath) 함수의 case "1": ~ break; 부분을 아래처럼 고친다
case "1":
list($width, $height) = @getimagesize($rpath.$apath.$cval1);
if ((strpos($cval2, "width=$width") !== false || strpos($cval2, "width="$width"") !== false) && (strpos($cval2, "height=$height") !== false || strpos($cval2, "height="$height"") !== false)) return "<img src="$spath$apath$cval1" $cval2/>";
else return "<script type="text/javascript">var x=$width;var y=$height;var s=0;if($width>screen.availWidth){x=screen.availWidth;y+=0;s=1;}if($height>screen.availHeight){y=screen.availHeight;x+=16;s=1;}var l=(screen.availWidth-x)/2;var t=(screen.availHeight-y)/2;document.write("<"+"img src=\"$spath$apath$cval1\" ".str_replace(""","\"",$cval2)." style=\"cursor: pointer\" onclick=\"window.open('$spath"."image_pop.php?imagefile=$apath$cval1&width=$width&height=$height','','left="+l+",top="+t+",width="+x+",height="+y+",scrollbars="+s+"')\"/>")</script>";
break;
list($width, $height) = @getimagesize($rpath.$apath.$cval1);
if ((strpos($cval2, "width=$width") !== false || strpos($cval2, "width="$width"") !== false) && (strpos($cval2, "height=$height") !== false || strpos($cval2, "height="$height"") !== false)) return "<img src="$spath$apath$cval1" $cval2/>";
else return "<script type="text/javascript">var x=$width;var y=$height;var s=0;if($width>screen.availWidth){x=screen.availWidth;y+=0;s=1;}if($height>screen.availHeight){y=screen.availHeight;x+=16;s=1;}var l=(screen.availWidth-x)/2;var t=(screen.availHeight-y)/2;document.write("<"+"img src=\"$spath$apath$cval1\" ".str_replace(""","\"",$cval2)." style=\"cursor: pointer\" onclick=\"window.open('$spath"."image_pop.php?imagefile=$apath$cval1&width=$width&height=$height','','left="+l+",top="+t+",width="+x+",height="+y+",scrollbars="+s+"')\"/>")</script>";
break;
태터툴즈 0.93 이하는 이렇게 해야됨 (클릭)
이미지크기가 현재 화면보다 작으면 스크롤바 없이 화면 가운데 톡 띄워주고 화면크기를 넘어가면 스크롤바를 만들고 화면에 가득차는 창을 만들어주는 구조. image_pop.php 파일만 수정해서 처리하기에는 한계가 있어서 inc_function.php 파일을 고쳤다. 태터 RSS 리더에서도 뜰 수 있도록 별도의 함수를 쓰지 않고 window.open()만 가지고 만드느냐고 끼워넣은 스크립트가 애처롭기 그지없다;;
어떤식으로 뜨는지는 아래 사진을 클릭하면..
큰 사진 | 작은 사진 |
큰 사진 | 작은 사진 |
'컴퓨터 얘기 > 프로그래밍' 카테고리의 다른 글
| 태터툴즈 고쳐쓰기 #5 - 슬라이드쇼 (8) | 2004/10/10 |
|---|---|
| 표준 소득률/기준경비율 데이터 (0) | 2004/10/01 |
| 태터툴즈 고쳐쓰기 #4 - 이미지보기 팝업 개선 (6) | 2004/09/30 |
| 태터툴즈 고쳐쓰기 #3 - 방명록 최근글 보여주기 (17) | 2004/09/17 |
| 태터툴즈 고쳐쓰기 #2 - 문자열 정밀하게 자르기 (9) | 2004/09/16 |
| 태터툴즈 고쳐쓰기 #1 - XML 파일내의 작은따옴표 처리 (5) | 2004/09/13 |
