(HTML / CSS / jQuery) 제이쿼리 슬라이더 페이지 표시 (번호 매기기)

See the Pen 제이쿼리 슬라이더 (PageNumber version) by kimyangsun (@kimyangsun) on CodePen.

https://codepen.io/kimyangsun/pen/vYOywwB?editors=0010

제이쿼리 슬라이더 (PageNumber version)

이번 슬라이더는 플러그인이 아닌 제이쿼리 자체 코드로 만든 슬라이더입니다.

 

해당 슬라이더에 pagenumber, 페이지에 번호가 각각 존재하는데 이 경우에 각각의 슬라이더에 번호를 각각 넣어줌으로써 쉽게 해결할 수도 있겠지만,

 

우리는 혹시 모를 상황에 대비하여 스크립트로 숫자를 유동적으로 바뀌게 해주어야할 수도 있습니다.

 

총 슬라이더의 갯수를 저장해주고 각 슬라이더의 페이지에 번호를 매겨주는 코드를 작성한 후,

 

해당 값들을 요소로 내보냅니다.

 

그 후 그 요소들을 다시 가져와서 html(); 메소드를 사용하여 직접 넣어줌으로써 코드를 작성했습니다.

 

자세한 코드는 링크를 통해 들어가서 확인할 수 있습니다.