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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 34021 | |
| 33994 | |
| 33922 | |
| 33895 | |
| 33889 | |
| 33882 | |
| 33868 |
최신글
최신글 함수 개량
11
|
| 33863 | |
| 33859 | |
| 33857 | |
| 33849 | |
| 33842 | |
| 33835 | |
| 33830 | |
| 33828 | |
| 33807 | |
| 33797 | |
| 33796 | |
| 33791 | |
| 33786 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기