이미지 크기 재조정 자바스크립트 질문
이미지를 일정한 크기가 넘으면 재조정을 하려고 하는데 잘 안되네요 ㅠ
버튼을 클릭하면 크리가 조정되는데...애초에 불러올때부터 재조정된 크기로 나오게 할순 없나요..?
<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>
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
$(function(){ getImgSize('aa'); });
</script>