이미지 게시판을 만들면서..
이미지 경로들을 서버에서 들고와 썸네일로 뿌려주고,
썸네일 클릭시 이미지를 보여주고 싶었습니다.
--------------------------------------
썸네일 : 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 |
최근 사진 게시판.. (0) | 2008.04.14 |
ASP Session 의 이해 (2) | 2008.01.30 |
msn messenger on-line.. (31) | 2008.01.23 |