반응형
스크립트로 이미지 사이즈를 조정

스크립트를 이용해서 화면에 보여줄 이미지의 크기를 변경하는 소스입니다..  

저같은경우 사진자료실이 있는데 사진자료실의 이미지가 테이블 크기보다 크게되면 사이즈를 줄이는 용도로

만들었습니다..

<script>
function imgSize(which){
    var width = eval("document."+which+".width");
    var height = eval("document."+which+".height");
    var temp = 0;
    var max_width= 600;   // 이미지의 최대 크기    
   
    if ( width > max_width ) {  // 이미지가 600보다 크다면 너비를 600으로 맞우고 비율에 맞춰 세로값을 변경한다.      
       height = height/(width / max_width);
       eval("document."+which+".width = max_width");    
       eval("document."+which+".height = height");
    }    
}
</script>

<html>
<body>
<table>
<tr>
<td width=100 >사진</td>
<td > <img src="../cl_upload/sajin/<%=v_file_nm%>" border=0 name="img"></td>
</tr>
</table>
<script>imgSize("img");</script>
</body>
</html>

!! 주의 할점 :  함수를 호출할때 꼭 이미지가 들어간 테이블밖에서 실행해야
실행됩니다. 테이블을 이용하지 않는다면 바디테그 이후에 넣어줘야 합니다.
간단한 소스인데도. . 찾기가 힘드네여.-_-;

//PHP에서 가져 온거

function UploadImage(iw,ih,j){
alert("");
iWidth=parseInt(eval("document.image"+j+".width"));
iHeight=parseInt(eval("document.image"+j+".height"));
if(iWidth>parseInt(iw) && iWidth>=iHeight){
eval('document.image'+j+'.height=parseInt(iw)/iWidth*iHeight;');
eval('document.image'+j+'.width=parseInt(iw);');
}
if(iHeight>parseInt(ih) && iHeight>iWidth){
eval('document.image'+j+'.width=parseInt(ih)/iHeight*iWidth;');
eval('document.image'+j+'.height=parseInt(ih);');
}
eval('document.image'+j+'.style.visibility="visible";');
}


//


<img src="testimg.gif" name="image1" style="visibility:visible;" onClick="UploadImage('20','30',1)">


참조:http://phpschool.com/bbs2/inc_view.html?id=14193&code=htmlscript2&start=20&mode=search&field=body&search_name=&operator=and&period=all&category_id=&s_que=%C0%CC%B9%CC%C1%F6%2C%C5%A9%B1%E2

[출처] [JavaScript]스크립트로 이미지 사이즈를 조정|작성자 빨갱이


반응형

'프로그래밍 > JAVASCRIPT' 카테고리의 다른 글

[JAVA SCRIPT] WINDOW.OPEN  (0) 2010.09.01
브라우저 정보 알아오기.  (0) 2010.07.20
Textarea에 현제 글자(문자)의 바이트 수를 알아오기  (0) 2010.07.13
Textarea 글자수제한.  (0) 2010.07.13
escape메서드  (0) 2010.07.07
반응형

작년 12월에 캐나다에 와이프와 같이 여행을 갔다.
가서 많은것을 느꼈고 많은 것을 보았다..
사진은 2월 정도인데 그시기 캐나다는 비가 많이 오는 시기이다.. 그날은 날이 맑아서 아내와 같이 레이크호수를 갔다..

캐나다 밴쿠버 다운타운에서 그리 멀지 않은곳에 작은 호수(레이크호수)가 있어서..
와이프와 같이 스카이트레인을 타고 갔었다..

사용자 삽입 이미지
스카이트레인을 타고 가면서 찍은 사진이다..
사용자 삽입 이미지

이사진은 레이크 역에서 밖을 보며 찍었다..
레이크역에서 남쪽으로 걸어서 20~30분 정도 걸어가면 레이크 호수가 나온다.
사용자 삽입 이미지
레이크 호수 입구 부분이다.. 도심에서 그리 멀지 않은 곳에 정말 넓은 공원이 있어서 좋은것 같다..
아내와 같이 걸어가며 이런저런 이야기도 나누고 자연을 한껏 느끼며 호수로 향하였다.
사용자 삽입 이미지
이길을 따라 가면 호수가 나온다..
호수에 도착해서 우리를 반겨준것은 오리였다.. ^^*
사용자 삽입 이미지
오리들이 모여서 헤엄치는 모습이 너무 귀여워서.. 사진을 조금 찍었다..
내가 가진 사진기는 좋은것이 아닌지라... 그것은 변명이고 잘못찍는다.. ㅋㅋ
사용자 삽입 이미지
사용자 삽입 이미지

안내판을 보고 사진을 찍었습니다.
사용자 삽입 이미지
귀여운 아가 오리들도 같이 사람들이 뿌려주는 먹이를 물에 머리를 박고 먹고 있는 모습이다. ^^*
사용자 삽입 이미지

호수의 전체적은 사진이다.. 저 멀리 위로 솟아 있는것은 건물이다. ㅋㅋ 멀리도 있다..
사용자 삽입 이미지
호수주변에 연결된 산책로가 있는데.. 아내와 같이 걸었다..
이녀석은 아래 보이는 먹이에 눈이멀어 사진을 찍는데도 경계를 심하게 하지 않고 먹이를 먹었다.. ㅋㅋ 저거 저렇게 먹으니 몸이 저렇게 퉁퉁하지..
사용자 삽입 이미지

이제 이곳이 산책로다. 영화에서 나올법한곳.. 아닌가.. 후훗...
이길을 따라 가면 무었이 나올까.. 궁금한 마음에 아내와 같이 발길을 제촉했다.
사용자 삽입 이미지

어제까지는 하늘에 구멍이라도 뚫린것처럼 비가 내리더니 오늘은 날이 맑다..
아.. 언제까지나 이런날씨였으면 좋으련만...
사용자 삽입 이미지
사용자 삽입 이미지
길을 따라 20분 어느덧.. 양옆에 높디 높은 나무들이 우거져있는 길로 바뀌었다.
이길을 걷는데 갑자기.. 살인자의 추격신이 생각이 나버렸다... +_+;;;
즐겁게 산책로를 따라 가다보면 시민들이 쉴수있는 작은 공터가 나온다.
사실 나와서 얼마나 다행인지..
사용자 삽입 이미지
여기서 화장실에 다녀왔다.. 얼마나 쉬원하던지.. 후훗..
여기를 종점으로 집으로 돌아왔다..
겨울에는 날이 좋지를 않아서.. 맑은 날이 드물다.. 그런데.. 이날은 오전에 비가왔었다.
조금 부슬부슬... 그렇치만 마음을 단단히 먹고 호수로 향했었던거다. 그런데 왠일인가.. 날이 겨였다.. 크하핫..
사용자 삽입 이미지
사용자 삽입 이미지
집으로 돌아가는 길에 노을이 져서 사진을 찍으며 집으로 갔다..

그날은 정말 힘들었다..
하지만 즐거운 기억이었다.





반응형
반응형

TO_CHAR시 ROUND는 자동으로 처리되니 굳이 쓸 필요없고, '99990.000'처럼 하면 '9'때문에 유효숫자 앞자리에 space가 들어갑니다.

String 갯수는 테이블의 선언된 컬럼사이즈 감안해서 적당히 맞추면 되겠지요...?

'9'는 유효하지 않은 숫자는 space화 하는것이고, '0'은 유효하지 않은 숫자도 '0'을 찍어주는 포맷스트링입니다...'FM'은 변환 뒤 유효문자 앞뒤의 공백을 제거해 주는 포맷스트링입니다...참고하세요~~


이 두 문제는 아래의 포맷스트링을 쓰면 해결됩니다...아래 결과 테스트 해 보세요.


SELECT
  TO_CHAR(0.1234, 'FM999,990.000') AS a
, TO_CHAR(1.2345, 'FM999,990.000') AS b
, TO_CHAR(10.1234, 'FM999,990.000') AS c
, TO_CHAR(110.1234, 'FM999,990.000') AS d
, TO_CHAR(1234.0000, 'FM999,990.000') AS e
FROM dual

반응형

'프로그래밍 > ORACLE' 카테고리의 다른 글

[ORACLE] decode  (0) 2011.07.22
[ORACLE] sign  (0) 2011.07.22
[ORACLE] translate(특정문자 제거)  (0) 2011.07.22
[Oracle] commit 후 데이터 복구  (2) 2011.03.29
ORCLE 자주 사용하는 명령어  (0) 2010.07.07

+ Recent posts

티스토리툴바