IE10에서 글보기 페이지에 알 수 없는 오류가 발생한다는 얘기를 듣고 찾아보니
제일 하단에 board.js에 있는 resizeBoardImage라는 함수가 문제 였습니다.
아마도 익스10에서는 document.getElementsByName('target_resize_image[]') 의
방식으로 객체를 가져와서 처리를 하는데 문제가 있는 것 같네요.
저는 딱히 이미지에 border를 넣는 기능은 필요가 없어서 테두리를 씌우는 기능은 구현하지
않았구요. jquery를 이용해 아래처럼 해결하니 잘 돌아갑니다.
IE10에서 해당 함수가 문제이신 분들은 아래처럼 해결하시면 될꺼 같아요.
function resizeBoardImage(imageWidth)
{
var imageHeight = 0;
$("img[name='target_resize_image[]']").each(function(){
if($(this).width() > imageWidth){
imageHeight = parseFloat($(this).width() / $(this).height());
$(this).width(imageWidth);
$(this).height(parseInt(imageWidth / imageHeight));
}
});
}
제일 하단에 board.js에 있는 resizeBoardImage라는 함수가 문제 였습니다.
아마도 익스10에서는 document.getElementsByName('target_resize_image[]') 의
방식으로 객체를 가져와서 처리를 하는데 문제가 있는 것 같네요.
저는 딱히 이미지에 border를 넣는 기능은 필요가 없어서 테두리를 씌우는 기능은 구현하지
않았구요. jquery를 이용해 아래처럼 해결하니 잘 돌아갑니다.
IE10에서 해당 함수가 문제이신 분들은 아래처럼 해결하시면 될꺼 같아요.
function resizeBoardImage(imageWidth)
{
var imageHeight = 0;
$("img[name='target_resize_image[]']").each(function(){
if($(this).width() > imageWidth){
imageHeight = parseFloat($(this).width() / $(this).height());
$(this).width(imageWidth);
$(this).height(parseInt(imageWidth / imageHeight));
}
});
}
댓글 4개
게시글 목록
| 번호 | 제목 |
|---|---|
| 32729 | |
| 32718 | |
| 32717 | |
| 32714 | |
| 32713 | |
| 32709 | |
| 32706 | |
| 32705 | |
| 32702 | |
| 32693 | |
| 32685 | |
| 32680 | |
| 32659 | |
| 32643 | |
| 32636 | |
| 32629 | |
| 32619 | |
| 32618 | |
| 32617 | |
| 32611 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기