자바스크립트 이미지 소스 코드 질문합니다.
본문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>평가4</title>
</head>
<body>
<img id="image" src="images/flower.jpg" height="50" width="50"/><br>
<span id="mySpan">높이: 50픽셀 * 폭: 50픽셀</span><br><br>
<input type="button" value="이미지 크기 X 2"
onClick="imageSizeX2()">
<script>
function imageSizeX2() {
document.getElementById("image").width = imgFile * 2;
document.getElementById("image").height = imgFile * 2;
밑에 이미지를 버튼을 클릭하면 두배로 늘어나게 해주는 코드를 짜는데 뭔가문제가 있는지 실행이 안되네요ㅠㅠ
제가 잘못 이해한거 같은데 알려주실 고수분 부탁드립니다.
답변 1
imgFile 이 딴데 선언되어 있나요?
어디에 선언되어 있는지 모르지만
imgFile 의 width, height 속성 구분이 필요할듯 싶은데요?
쉽게 하려면
var imageObj = document.getElementById("image");
imageObj.width = imageObj.width * 2;
imageObj.height = imageObj.height * 2;
답변을 작성하시기 전에 로그인 해주세요.