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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 32458 | |
| 32438 | |
| 32437 | |
| 32436 | |
| 32427 | |
| 32416 | |
| 32411 | |
| 32404 | |
| 32396 | |
| 32377 | |
| 32366 | |
| 32360 | |
| 32331 | |
| 32322 | |
| 32319 | |
| 32314 | |
| 32298 | |
| 32297 | |
| 32287 | |
| 32282 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기