게시판 관리자 페이지..."이미지 폭 크기" 지정 > 그누4 질문답변

그누4 질문답변

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

게시판 관리자 페이지..."이미지 폭 크기" 지정 정보

게시판 관리자 페이지..."이미지 폭 크기" 지정

본문

하는 곳에 값을 입력해서...문제의 게시판(?)에서는 무시되고 원래 사이즈대로 나와서 테이블이 밀려서 깨집니다..

view.skin.php 어느 부분을 봐야 하나요?

생각나시는데로 다 말씀해 주세요...

감사합니다.
  • 복사

댓글 전체

관리자란에 보시면 게시판 테이블 폭이라는 것이 있습니다.
최초로 100%로 되어 있는데 이것을 조절하시면 됩니다.

저도 한참 방황하다 이것으로 처리했씁니다.
/js/board.js 에 보시면 아래의 원본 소스가 있을겁니다.
원본 소스를 하단에 변경된 소스로 수정하시면
관리자에서 설정한 사이즈보다 클 경우 리사이징 될꺼에요.


//###원본###
// HTML 로 넘어온 <img ... > 태그의 폭이 테이블폭보다 크다면 테이블폭을 적용한다.
function resizeBoardImage(imageWidth, borderColor) {

    var target = document.getElementsByName('target_resize_image[]');
    var imageHeight = 0;

    if (target) {
        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 > imageWidth) {
                imageHeight = parseFloat(target[i].width / target[i].height)
                target[i].width = imageWidth;
                target[i].height = parseInt(imageWidth / imageHeight);
                target[i].style.cursor = 'pointer';

                // 스타일에 적용된 이미지의 폭과 높이를 삭제한다
                target[i].style.width = '';
                target[i].style.height = '';
            }

            if (borderColor) {
                target[i].style.borderWidth = '1px';
                target[i].style.borderStyle = 'solid';
                target[i].style.borderColor = borderColor;
            }
        }
    }
}

//###수정본###
// HTML 로 넘어온 <img ... > 태그의 폭이 테이블폭보다 크다면 테이블폭을 적용한다.
function resizeBoardImage(imageWidth, borderColor) {
    var target = document.getElementsByName('target_resize_image[]');
    var imageHeight = 0;
    if (target) {
        for(i=0; i<target.length; i++) {

            var ojObj;  //추가
            ojObj = new Image();  //추가
            ojObj.src = target[i].src;  //추가

            // 원래 사이즈를 저장해 놓는다
            target[i].tmp_width  = ojObj.width;  //수정
            target[i].tmp_height = ojObj.height;  //수정
            // 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
            if(ojObj.width > imageWidth) {  //수정
                imageHeight = parseFloat(ojObj.width / ojObj.height)  //수정
                ojObj.width = imageWidth;  //수정
                target[i].height = parseInt(imageWidth / imageHeight);
                target[i].style.cursor = 'pointer';

                // 스타일에 적용된 이미지의 폭과 높이를 삭제한다
                target[i].style.width = '';
                target[i].style.height = '';
            }

            if (borderColor) {
                target[i].style.borderWidth = '1px';
                target[i].style.borderStyle = 'solid';
                target[i].style.borderColor = borderColor;
            }
        }
    }
}
//================
© SIRSOFT
현재 페이지 제일 처음으로