-
See the Pen 슬라이더 심화 / 자동게이지(정지가능) by kimyangsun (@kimyangsun) on CodePen.
https://codepen.io/kimyangsun/pen/MWYMrKy
jQuery 를 이용하여 슬라이더를 구현한 후 코드를 추가해 하단에 퍼센트 게이지가
전부 차면 다음으로 이동하는 형식의 슬라이더 입니다.
플레이 버튼과 스탑버튼이 있어서 누른다면 슬라이더가 멈추거나 재생됩니다.
자세한 코드 확인은 링크를 통해 들어가면 확인할 수 있습니다.
'코딩 기록 > 코딩 소스 [HTML & CSS & JS]' 카테고리의 다른 글
(HTML / CSS) text-overflow : ellipsis 사용 코딩소스 (0) 2020.02.09 (스크롤에 따라 메뉴 표시시키기) 페이지 스크롤 메뉴 [jQuery] (3) 2020.02.02 스크롤리파이 (Scrollify) 헤더와 푸터 부분 스크롤 적용시키기 (0) 2020.02.02 (유용한 코딩소스) 특정 엘리먼트가 최상단점에서 부터 얼마나 떨어져 있는지 측정하는 방법 (0) 2020.01.26 (유용한 코딩소스) 아울 캐러셀 슬라이더 응용 v2 (from.나이키) (0) 2020.01.26 댓글