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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 32281 | |
| 32267 | |
| 32264 | |
| 32262 | |
| 32254 | |
| 32239 | |
| 32232 | |
| 32221 | |
| 32220 | |
| 32217 | |
| 32204 | |
| 32203 | |
| 32200 | |
| 32192 | |
| 32161 | |
| 32154 | |
| 32150 | |
| 32146 | |
| 32137 | |
| 32116 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기