이미지슬라이드

· Javascript
이미지 슬라이드 만드는 순서는 다음과 같다. 1. 먼저 html 과 css로 이미지를 만들어준다. 2. 자바스크립트로 버튼을 누르면 화면이 옮겨지는 기능을 추가한다 참고로, 아래 기능은 화면이 흘러넘칠때 자동으로 생기는 스크롤을 없애준다 -html 1 2 3 -javascript css 에서 클래스를 탈부착하는 방식으로 화면을 이동시킬수도 있지만, 이동시키는 값 ( 'translateX(-100vw)' => 굵은글씨)을 항상 변화시키려고 하기 때문에 자바스크립트를 사용해보겠다 100vw는 현재브라우저 화면이 꽉찬 폭이다. 따라서 -100vw 면 현재 화면 폭만큼 왼쪽으로 이동한다는 의미이다 //1번 버튼 클릭시 1번사진이 보이는 transform 기능을 추가해주세요 $(".slide-1").on('cli..
becky(지은)
'이미지슬라이드' 태그의 글 목록