게시판 관리자 페이지..."이미지 폭 크기" 지정 정보
게시판 관리자 페이지..."이미지 폭 크기" 지정본문
하는 곳에 값을 입력해서...문제의 게시판(?)에서는 무시되고 원래 사이즈대로 나와서 테이블이 밀려서 깨집니다..
view.skin.php 어느 부분을 봐야 하나요?
생각나시는데로 다 말씀해 주세요...
감사합니다.
view.skin.php 어느 부분을 봐야 하나요?
생각나시는데로 다 말씀해 주세요...
감사합니다.
댓글 전체
관리자란에 보시면 게시판 테이블 폭이라는 것이 있습니다.
최초로 100%로 되어 있는데 이것을 조절하시면 됩니다.
저도 한참 방황하다 이것으로 처리했씁니다.
최초로 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;
}
}
}
}
//================
원본 소스를 하단에 변경된 소스로 수정하시면
관리자에서 설정한 사이즈보다 클 경우 리사이징 될꺼에요.
//###원본###
// 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;
}
}
}
}
//================
땡큐...^&^