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