첨부이미지 사이즈 창 크기에 따른 자동조절 정보
첨부이미지 사이즈 창 크기에 따른 자동조절
본문
홈페이지가 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>
그런데 첨부이미지는 고정사이즈로만 보여지니
모바일에서는 크게 보여집니다.
웹상에 이미지 올려놓고 퍼센트로 두면 양쪽 다 잘보이겠지만
그냥 글쓰기해서 올리면 썸파일로 저장되니, 퍼센트로 설정하기에는 어렵겠지요?
아래부분을 수정하면 될 것같기도 한데 안되네요.. ㅠㅠ
부탁드립니다~
<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>
댓글 전체

$board[bo_image_width] 이 값을 퍼센트로 하셨나요?
target[i].width = image_width; 이부분을 target[i].width = '100%'; 이렇게 수정하셔도 될겁니다.
target[i].width = image_width; 이부분을 target[i].width = '100%'; 이렇게 수정하셔도 될겁니다.