박

첨부이미지 사이즈 창 크기에 따른 자동조절

홈페이지가 div로 만들어져서 컴퓨터든 모바일이든 잘보입니다.
그런데 첨부이미지는 고정사이즈로만 보여지니
모바일에서는 크게 보여집니다.
웹상에 이미지 올려놓고 퍼센트로 두면 양쪽 다 잘보이겠지만
그냥 글쓰기해서 올리면 썸파일로 저장되니, 퍼센트로 설정하기에는 어렵겠지요?
아래부분을 수정하면 될 것같기도 한데 안되네요.. ㅠㅠ
부탁드립니다~


<script language="JavaScript">
// HTML 로 넘어온 <img ... > 태그의 폭이 테이블폭보다 크다면 테이블폭을 적용한다.
function resize_image()
{
var target = document.getElementsByName('target_resize_image[]');
var image_width = parseInt('<?=$board[bo_image_width]?>');
var image_height = 0;

for(i=0; i<target.length; i++) {
// 원래 사이즈를 저장해 놓는다
target[i].tmp_width = target[i].width;
target[i].tmp_height = target[i].height;
// 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
if(target[i].width > image_width) {
image_height = parseFloat(target[i].width / target[i].height)
target[i].width = image_width;
target[i].height = parseInt(image_width / image_height);
}
}
}

window.onload = resize_image;
</script>
|

댓글 1개

$board[bo_image_width] 이 값을 퍼센트로 하셨나요?
target[i].width = image_width; 이부분을 target[i].width = '100%'; 이렇게 수정하셔도 될겁니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12-12-31 조회 1,166
12-12-31 조회 1,420
12-12-31 조회 2,144
12-12-31 조회 3,081
12-12-31 조회 966
12-12-31 조회 1,685
12-12-31 조회 953
12-12-31 조회 1,056
12-12-31 조회 1,828
12-12-31 조회 806
12-12-31 조회 1,643
12-12-31 조회 1,025
12-12-31 조회 1,083
12-12-30 조회 991
12-12-30 조회 1,687
12-12-30 조회 1,162
12-12-30 조회 858
12-12-30 조회 1,663
12-12-30 조회 750
12-12-30 조회 857