이미지 토글
정말 중요한 알고리즘 하나
var a = 10, b = 20
var c = a // c = 10
a = b; // a = 20;
b = c // b = 10;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>009 - 이미지 토글</title>
<style type="text/css">
img {width: 100px;}
</style>
<script>
function toggleImg(){
var img = document.getElementsByTagName("img");
var tmp = img[0].src;
img[0].src = img[1].src;
img[1].src = tmp;
}
</script>
</head>
<body>
<img src="img1.jpg">
<img src="img2.jpg">
<input type="button" value="이미지 토글" onclick="toggleImg()">
</body>
</html>
그래서 toggleImg라는 함수명을 만들고
변수 img = img 태그들
변수 tmp는 그 중 0 번째 이미지의 src값
그래서 위 알고리즘 처럼
0번째 이미지 src 를 1번째 src로 대입
그리고 다시 그 1번째를 0번으로 돌려 보냄 땅땅
'JavaScript' 카테고리의 다른 글
| JavaScript 로또 추첨 번호 뽑기 만들기 (0) | 2017.03.31 |
|---|---|
| JavaScript for문 사용해 구구단 나타내자 (0) | 2017.03.30 |
| 백그라운드 이미지 바꾸기 (0) | 2015.11.09 |
| for문 (0) | 2015.11.06 |
| 자바스크립트로 CSS 변경하기 (0) | 2015.11.05 |