이미지 게시판을 만들면서..

이미지 경로들을 서버에서 들고와 썸네일로 뿌려주고,

썸네일 클릭시 이미지를 보여주고 싶었습니다.

--------------------------------------
썸네일 : img1, img2, img3, img4, img5 (container)
--------------------------------------
이미지 뷰(container2)
--------------------------------------

대충 레이아웃은 위와 같이 잡았으며 별다른 컴퍼넌트없이 썸네일의 img1 을 클릭하면
이미지 뷰란에 img1 이 보여지고, 사이즈는..
"--------------------------------------" <-- 이 폭 넓이 .. 보다 작은건 작은데로.. 크면.. 폭 넓이로..
지정해 주고 싶었어요.

열라게 고민했지만.. 알고보니 생각보다 간단한 javascript 였네요.

<script language="javascript">
//이미지 리사이즈
function reImg(imgId,nWidth,nHeignt){
     myImage = new Image()
     myImage.src = imgId
     var a = myImage.width
     var b = myImage.Height
        if(a>nWidth){b/=a/nWidth; a=nWidth;}
        if(b>nHeignt){a/=b/nHeignt; b=nHeignt;}
     document.container2.width = a;
     document.containter2.height = b;
}
</script>

<img id = "container2" name = "container2" src = "이미지filepath입니다." border = "0" onLoad= "reImg(form.container2.src,650,425)" >

'초짜 IT보이 서바이벌 스토리 > ASP' 카테고리의 다른 글

Trim  (0) 2008.09.16
asp Request 관련 Server 변수  (0) 2008.09.05
이미지 사이즈 바꿔주는 JavaScript  (0) 2008.04.28
최근 사진 게시판..  (0) 2008.04.14
ASP Session 의 이해  (2) 2008.01.30
msn messenger on-line..  (0) 2008.01.23

posted by Sungyoup Han matrim



티스토리 툴바