cheditor 를 이용한 이미지 업로드 관련
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 :
cheditor로 올린 이미지가 보여질때 img 태그에 element.style로
원본 이미지의 width와 height가 px단위로 들어가는데요..
가로가 긴 이미지를 올렸을때 스마트폰 에서 세로로 보는경우
height 때문에 이미지 비율이 깨지는 현상이 발생합니다.
원론적인 방법이 없다면 view skin에서
$('#bo_v_con img').removeAttr('style'); 강제로 img태그의 style을 없애야 할 것 같습니다.
오류 주소 :
cheditor로 올린 이미지가 보여질때 img 태그에 element.style로
원본 이미지의 width와 height가 px단위로 들어가는데요..
가로가 긴 이미지를 올렸을때 스마트폰 에서 세로로 보는경우
height 때문에 이미지 비율이 깨지는 현상이 발생합니다.
원론적인 방법이 없다면 view skin에서
$('#bo_v_con img').removeAttr('style'); 강제로 img태그의 style을 없애야 할 것 같습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개
cheditor 5.1을 이용해 등록한 이미지입니다. 모바일에서 비율 변경없이 보여지고 있습니다.
그누보드5에서는 viewimageresize.js 파일의 viewimageresize 플러그인을 이용해
view 페이지에서 이미지의 width, height 값을 초기화 후 보여주고 있습니다.
저도 cheditor 5.1 로 등록한건데요.. 요소 검사 해보면 width와 height가 들어가는데요..그리고 제 폰에서 보면
비율이 깨집니다 ㅜㅜ
스크립트 코드는 이미지가 로드된 후에 실행되므로 먼저 높이가 지정되어 있으면 그 높이로 랜더링된 후 표시됩니다.
그런 후 스크립트로 높이 값을 제거하는 것은 의미가 없습니다. 그러나 여기서 또하나의 문제가
이미지가 로드가 되지 않으면 이미지 width 값을 구하지 못하는 경우가 생깁니다. 이런 경우는
스크립트를 적용할 수 없기 때문에 사이즈를 변경할 수가 없게 됩니다.
그리고 무조건 style을 제거하는 것도 사용자가 다른 넓이, 높이 외에 다른 속성을 지정했을 수 있기 때문에
기본 코드에는 적용할 수가 없습니다. 현재로써는 적당한 방법을 찾기가 어렵다고 판단됩니다.
js/viewimageresize.js 파일의 코드를 아래처럼 수정해보시기 바랍니다.
[code]
(function($) {
$.fn.viewimageresize = function(selector)
{
var cfg = {
selector: "img"
};
if(typeof selector == "object") {
cfg = $.extend(cfg, selector);
} else {
if(selector) {
cfg = $.extend({ selector: selector });
}
}
var $img = this.find(cfg.selector);
var $this = this;
$img.removeAttr("height")
.css("height", "");
function image_resize()
{
[/code]