클릭 할때마다 이미지의 크기(폭,높이) 를 두배씩 증가시키고싶습니다..
본문
<body>
<img id="image" src="flower.jpg" height="50" width="50"><br>
<input type="button" value="이미지 크기 X 2"
onClick="imageSizeX2()">
<script>
function imageSizeX2() {
var img = document.getElementById('image');
.....
}
</script>
웹프로그래밍 독학중이며 간단 예제 풀이 해보고있는데
이미지 설정하구 증가함수 걸어야하나요... 구현이 안되네요..ㅠㅠ
답변 1
function imageSizeX2() {
var img = document.getElementById('image');
w = img.width;
h = img.height;
img.width = w * 2;
img.height = h * 2;
}
아 정말 감사합니다. w,h 로 잡아줘야하는군요! 이해했습니다.
답변을 작성하시기 전에 로그인 해주세요.