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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 32610 | |
| 32609 | |
| 32604 | |
| 32601 | |
| 32587 | |
| 32583 | |
| 32574 | |
| 32571 | |
| 32558 | |
| 32557 | |
| 32554 | |
| 32550 | |
| 32532 | |
| 32516 | |
| 32512 | |
| 32507 | |
| 32490 | |
| 32488 | |
| 32464 | |
| 32459 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기