2012-09-05 4 views
1

나는 내 질문과 비슷한 많은 질문을 보았지만 구체적으로 질문을 보지 못했습니다. 내가하려는 것은 단일 핸들을 가진 슬라이더를 가지고 있지만 배경에는 슬라이더 범위가 녹색 (또는 다른 색상)으로 표시된 대상 범위가 있습니다. 이상적으로는 경계선을 나타내는 표적 밖의 약간의 도련 색도있을 수 있습니다. 나는 너무 같이 보일 상상 해요 :배경색 범위가있는 jQuery 슬라이더

1) 이미지를 만들고 슬라이더의 배경으로 넣어 :

enter image description here

답변

2

당신은 몇 가지 옵션이있다.

2) 슬라이더 본체 안쪽에 일부 div를 중첩시키고 원하는대로 스타일을 지정하십시오. http://jsfiddle.net/6Whzm/1/

+0

좋습니다. 매우 도움이됩니다. 필자의 경우에는 각 마커가 슬라이더로 표시되는 "마커"가 여러 개 있고 각 유형에 대해 범위 (최소, 최대), 스테핑 주파수 및 제안 된 범위가 데이터 기반이 될 것입니다. 귀하의 예가 기본 숫자 시스템보다 백분율 기준으로 게재 위치를 만들고 있습니다. 작동시키기 위해 백분율로 리버스 엔지니어링해야합니까? – ken

+0

이것은 별도의 질문으로 더 잘 대처할 수 있지만, 위와 같이 위의 그림과 같이 값을 틱 마커로 표시하는 것이 가능합니다. 최소 및 최대 (및 중간 값) 숫자 키가 이상적입니다. – ken

+0

@ken 슬라이더가 스스로 처리합니다. 비율을 사용하여 배치되므로 대부분의 관련 스타일링에 대해 동일한 작업을 수행하는 것이 좋습니다. 틱 마커를 표시하는 것은 실제로 슬라이더 자체의 일부는 아닙니다. 슬라이더 아래에 별도의 이미지를 적절한 크기로 설정하고 슬라이더의 '단계'옵션을 설정하십시오. – Nal