2010-02-05 9 views
2

jquery ui progressbarslider을 조합하여 컨트롤을 만들려고합니다. 정말 필요한 것은 range slider과 똑같습니다. 단, 최대 값은 핸들이 없어야하며 사용자가 움직일 수 없어야합니다. 버퍼링 된 재생 컨트롤과 같은 것을 구현하고 싶습니다. '채우기'가 버퍼 된 최대 값이고 슬라이더 핸들이 현재 위치를 보여줍니다.jQuery UI - slider + progressbar effect

이렇게하기 위해 슬라이더 코드를 사용하기 전에 사용자가 변경하지 않고 구현할 수있는 방법에 대한 제안을 누군가가 가지고 있는지 궁금합니다. 마음에 떠오르는 아이디어는 구현 방법을 모르지만 보통 슬라이더 상단에 range with fixed minimum slider (및 숨겨진 핸들)을 겹쳐 넣는 것입니다. 나는 이것들을 옆으로 또는 위/아래에 넣을 수있다. 그러나 나는 'superimpose'효과를 풀만큼 충분히 잘 HTML/CSS를 모른다. 이 작업을 수행하는 방법에 대한 아이디어도 도움이 될 것입니다.

감사합니다.

답변

6

제약 조건을 위해 슬라이더 위젯에 작은 패치를 준비했습니다. 여기에서 찾고있는 나는 당신을 믿고 행동의 데모입니다 :

http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/demos/slider/constraints.html

여기에 패치 파일입니다 :

http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/ui/ui.slider.js

+0

당신이 최고입니다. 나는 이것을 한 번 이상 upvote 할 수 있으면 좋겠다. ;) – psychotik

+0

고마워요! 나는 직위에 의해 다소 동기가 있다고 생각한다. : D (스택 오버 플로우 질문에 모든 것을 줄이는 개발 회사를 시작해야합니다.) –

+0

참고로 jQuery UI 프로젝트는 패치를 거부했습니다. "동일한 요소에서 진행 막대와 슬라이더를 사용하고 시각적 피드백을 얻을 수 있습니다. 그런 다음 슬라이드 이벤트를 사용하여 제한 조건을 적용하면됩니다." –