![[HTML / CSS / JS] input / label 사용해서 이미지 슬라이드 만들기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fem2T61%2Fbtqzzl3JOo1%2FizAsu4VdcufMIGqynfUzR1%2Fimg.jpg)
개발노트/Code2019. 7. 31. 21:16[HTML / CSS / JS] input / label 사용해서 이미지 슬라이드 만들기
-최종 결과 자바스크립트를 이용하여 input이 활성화되면 전체 영역(img_content)의 배경 이미지가 바뀌게 한다. HTML && CSS 코드 보러 가기 -HTML 1. value 값 추가 각각의 input에 value값을 넣는다. 자바스크립트에서 input의 value값으로 어떤 input을 클릭하는지 알게 하기 위해 -Javascript 1. HTML 태그 선택하기 var changeImgBtn = document.getElementsByTagName('input'); var outBackground = document.getElementById('img_content'); var backImg = ['url(eximg1.jpg)', 'url(eximg2.jpg)', 'url(eximg3.jp..