반응형 sliderEffect041 sliderEffect04 sliderEffect04 - 버튼 네번째 슬라이드 이펙트 - 버튼으로 다음/이전 이미지로 넘어가도록 하였습니다. 참고 슬라이드 이펙트 04 페이지 우측하단 소스 보기를 클릭하시면 JAVASCRIPT, HTML, CSS를 확인할 수 있습니다. 원본 소스 보기 메인 페이지 보기 JAVASCRIPT 사용할 변수를 선언합니다. 이미지가 좌/우로 넘어갈 때 애니메이션 효과를 주었으며, 먼저 선언한 sliderWidth = 이미지의 가로값px만큼 이동하게 합니다. prev 버튼과 next 버튼에 이벤트를 주면 끝입니다. (prev 버튼에는 현재이미지 + (이미지 개수 - 1) % 이미지 개수를 통하여 이전 이미지로 넘어가도록) (next 버튼에는 현재이미지 + 1 % 이미지 개수를 통하여 다음 이미지로 넘어가도록.. 2022. 9. 19. 이전 1 다음 반응형