이미지 로드 후 이미지 크기 문제

Question

반응형으로 페이지를 만들고 있습니다.ajax를 사용하여 이미지 주소를 불러와서 img 태그에 자바스크립트로 설정해줘서 불러왔습니다. var img &#61; document.createElement(&#34;img&#34;);img.setAttribute(&#34;src&#34;, &#34;불러 온 url&#34;); 그리고 css에서 width, height를 설정해줬는데 불러온 이미지들이 제가 설정해준 크기가 아니라 크기가 뒤죽박죽입니다. 어떻게 해야하나요?

니플 · Answer

css에 width만 설정해보세요 그럼 비율로 높이가 결정될 것 같은데그 비율을 그렇게 계산하셔서이미지의 크기를 조절하시면 됩니다.

아리나니아 · Answer

/ 그렇게 하면 조정되는 건 알고 있는데, 가로 세로 크기를 제가 조정하고 싶거든요. 한쪽 길이를 자동으로 결정하는 거 말고는 방법이 없을까요?

jink6111 · Answer

흠.. 잘은 모르지만 .. img 태그에 이미지를 삽입하면 이미지 파일 사이즈에 따라서 뒤죽박죽 돼서보통은 div 태그에 background-image에다가 이미지를 넣는걸로 알고 있어요 !

니플 · Answer

그러면 DB에서 높이와 너비값을입력받게 처리하면 어떨까요?

아리나니아 · Answer

max-width, max-height 로 해결했습니다.

이미지 로드 후 이미지 크기 문제

5개의 답변

#size 목록