반응형
jQuery 슬라이드 구현
-
05 고급 슬라이드 구현하기2JQuery/JQuery 기초 2023. 8. 14. 23:00
문제 1) 이미지 CSS left: 0 , -100%, -200%, -300% 배열 제이 쿼리 작성 이미지 //슬라이드 가로로 배열 - .each()를 사용해서, 각가의 이미지에 left 값 0%, 100%, 200%, 300% 값을 넣어준다 - indicatorHtml +=''+(i+1)+''; 은 html의 값을 넣어준다 //슬라이드 이동 함수 - .animate 값으로 슬라이드를 이동할 수 있게 해준다 - index의 값을 currentIndex에 저장한다 - updateNav() 는 뒤에 슬라이드 이동버튼을 작성하며 만들 예정인 함수이다 - updateNav() 역할은 슬라이드 이동 버튼의 맨 처음과 맨 끝을 사라지게 하는 기능을 한다 2) 좌우 슬라이드 버튼 구현 3) 아래 흰점 구현(클릭시 해..