[펄스나인] 쉽게쓰는 UI/UX - 슬라이더 정보
레이아웃 [펄스나인] 쉽게쓰는 UI/UX - 슬라이더관련링크
첨부파일
테스트한 버전5.4.5.5
호환 가능 버전무관
본문
ion.rangeSlider 플러그인을 활용한
슬라이더 입니다.
필터검색이나 input 에 숫자 단위의 값을
드래그로 넣어야 할 때 유용할것 같아 만들어보았습니다.
활용하기 좋은 예제가 되기를 바래봅니다!
값이 들어가는 input 을 hidden 으로 넣어두었습니다.
슬라이더를 움직일때마다 value 가 갱신 됩니다.
컬러 변경이나 값 수정 등은 ui.slider.php 파일에 주석처리 해두었습니다.
사용방법
첨부된 파일을 압축해제 하신 후 /ui_slider/ 폴더를 그누보드가 설치된 폴더로 업로드 해주시고,
ui.slider.php 파일의 코드를 슬라이더가 들어갈 곳에 복사+붙여넣기 하시면 되겠습니다.
2개의 예제가 들어있으며 코드 복사하실때
최상단 *필수로드 부분은 꼭 넣어주셔야 합니다.
input 의 name은 편하신대로 수정해서 사용하시면 되겠습니다.
추천
21
21
댓글 전체
감사합니다^^*
댓글 감사합니다 ^^
펄스나인님 자료는 언제나 유용하게 잘쓰고 있습니다. 감사합니다^^
도움이 되신다니 좋네요~~
항상 좋은말씀 감사드립니다 ^^
항상 좋은말씀 감사드립니다 ^^
감사합니다~~
댓글 감사합니다!
깔끔하네요.
감사합니다.
감사합니다.
감사합니다 ^^
감사합니다
댓글 감사합니다~
감사합니다.
감사합니다!
감사합니다.
^^
진짜 센스 굿이네요! 펄스나인 짱!
항상 좋은말씀 감사합니다 ^^
늘 감사합니다.
별말씀을요~
댓글 감사합니다!
댓글 감사합니다!
감사합니다.
댓글감사합니다~
오우~ 잘 활용할수 있을듯 합니다~ 감사합니다~
도움이 되셨으면 좋겠습니다 ^^
감사합니다