이미지 크기 재조정 자바스크립트 질문 정보
이미지 크기 재조정 자바스크립트 질문본문
이미지를 일정한 크기가 넘으면 재조정을 하려고 하는데 잘 안되네요 ㅠ
버튼을 클릭하면 크리가 조정되는데...애초에 불러올때부터 재조정된 크기로 나오게 할순 없나요..?
<img src="aa.jpg" id="aa"/>
<input type="button" onclick="getImgSize('aa')" value="Get Image Size">
<script type="text/javascript">
function getImgSize(id){
var pic = document.getElementById(id);
var h = pic.offsetHeight;
var w = pic.offsetWidth;
if(w >=500){
pic.style.width = "500";
}
}
</script>
버튼을 클릭하면 크리가 조정되는데...애초에 불러올때부터 재조정된 크기로 나오게 할순 없나요..?
<img src="aa.jpg" id="aa"/>
<input type="button" onclick="getImgSize('aa')" value="Get Image Size">
<script type="text/javascript">
function getImgSize(id){
var pic = document.getElementById(id);
var h = pic.offsetHeight;
var w = pic.offsetWidth;
if(w >=500){
pic.style.width = "500";
}
}
</script>
댓글 전체
버튼의 온클릭이벤트를 로드이벤트로 바꿔서 body에 넣으면 되지 않을까용?
}
$(function(){ getImgSize('aa'); });
</script>
$(function(){ getImgSize('aa'); });
</script>