[펄스나인] 쉽게쓰는 UI/UX - 슬라이더 > 그누보드5 스킨

버그신고

그누보드5 스킨

스킨 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

[펄스나인] 쉽게쓰는 UI/UX - 슬라이더 정보

레이아웃 [펄스나인] 쉽게쓰는 UI/UX - 슬라이더

첨부파일

슬라이더.zip (12.8K) 9회 다운로드 2021-07-18 16:10:05 포인트 차감10
테스트한 버전5.4.5.5
호환 가능 버전무관

본문

ion.rangeSlider 플러그인을 활용한

슬라이더 입니다.

 

필터검색이나 input 에 숫자 단위의 값

드래그로 넣어야 할 때 유용할것 같아 만들어보았습니다.

활용하기 좋은 예제가 되기를 바래봅니다!
 

값이 들어가는 input 을 hidden 으로 넣어두었습니다.

슬라이더를 움직일때마다 value 가 갱신 됩니다.

 

컬러 변경이나 값 수정 등은 ui.slider.php 파일에 주석처리 해두었습니다.

 

사용방법

 

첨부된 파일을 압축해제 하신 후 /ui_slider/ 폴더를 그누보드가 설치된 폴더로 업로드 해주시고,

ui.slider.php 파일의 코드를 슬라이더가 들어갈 곳에 복사+붙여넣기 하시면 되겠습니다.

 

2개의 예제가 들어있으며 코드 복사하실때

최상단 *필수로드 부분은 꼭 넣어주셔야 합니다.

 

input 의 name은 편하신대로 수정해서 사용하시면 되겠습니다.

 

추천
18

댓글 전체

전체 2,004 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT