cheditor 업로드한 여러장의 큰 이미지가 뷰페이지에서 줄여서 안보여지는분 정보
cheditor 업로드한 여러장의 큰 이미지가 뷰페이지에서 줄여서 안보여지는분
본문
제목이 이해 되시는지 모르겠지만
cheditor를 사용하는 스킨에서
글등록시 여러장의 이미지를 cheditor 이미지 업로드 기능을 사용하여
할 경우
첫번째 이미지를 제외하고 나머지 사이즈가 큰이미지는
뷰 페이지에서 제대로 줄여서 안보여지는 경우가 있습니다.
그럴경우
view스킨 파일에 resize_image 함수를 다음으로 교체하면
그런현상이 일어나지 않습니다.
function resize_image()
{
var target = document.getElementsByName('target_resize_image[]');
var image_width = parseInt('630');
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].style.width = image_width;
target[i].style.height = parseInt(image_width / image_height);
}
}
}
기존 함수에서 별로 바꾼것은 없고
직접 width, height를 수정해주는 방법에서
style의 width, heigit를 수정해주는 방법으로 수정하였습니다.
cheditor를 사용하는 스킨에서
글등록시 여러장의 이미지를 cheditor 이미지 업로드 기능을 사용하여
할 경우
첫번째 이미지를 제외하고 나머지 사이즈가 큰이미지는
뷰 페이지에서 제대로 줄여서 안보여지는 경우가 있습니다.
그럴경우
view스킨 파일에 resize_image 함수를 다음으로 교체하면
그런현상이 일어나지 않습니다.
function resize_image()
{
var target = document.getElementsByName('target_resize_image[]');
var image_width = parseInt('630');
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].style.width = image_width;
target[i].style.height = parseInt(image_width / image_height);
}
}
}
기존 함수에서 별로 바꾼것은 없고
직접 width, height를 수정해주는 방법에서
style의 width, heigit를 수정해주는 방법으로 수정하였습니다.
추천
1
1
댓글 9개
감사합니다. ^^
좋은 정보 감사합니다.

좋은팁 감사합니다..^^
감사합니다...속이다 시원하네요...^^;
요긴하게 쓸 때가 있겠군요. 감사합니다. ^^
감사합니당.
감사합니다
...
이미지 재 업로드시 사이즈 조절 문제