jquery 슬라이더의 각 단계에 CSS를 추가하는 방법은 무엇입니까?

jquery 슬라이더의 다른 단계에 다른 배경색을 추가하고 싶습니다. 내가 할 수있는 방법이 있니? 다음과 비슷한 슬라이더를 만들려고합니다. subaru 여기에는 플래시를 사용합니다. jquery에서 동일한 작업을 수행하려고합니다. 어떤 도움을 주시면 감사하겠습니다. 나는 jquery의 전문가가 아니다.jquery 슬라이더의 각 단계에 CSS를 추가하는 방법은 무엇입니까?

출처

2011-02-25 ksun

색의 배경 이미지를 ui-slider-horizontal 클래스로 설정하면됩니다.

.ui-slider-horizontal 
{ 
    background-image: url('slider_bg.png') 50% 50% repeat-x; 
}

이미지가 슬라이더와 동일한 폭과 높이 것이다 수평 iamge 것, 또한 각 슬라이드 세그먼트의 동일한 양을 갖도록 설계된다.

배경 이미지는 여기에 jQuery를 사이트를 확인하실 수 있습니다 사용 된 방법의 예

는 : http://jqueryui.com/demos/slider/#multiple-vertical

출처

2011-02-25 11:56:44 RobertPitt

슬라이더 폭은 브라우저 윈도우의 폭에 따라 동적으로 변할 것입니다. 각각의 단계에 CSS를 구체적으로 적용 할 수있는 방법이 있습니까? – ksun

브라우저보기에 관계없이 슬라이더가 특정 너비가 될 수 있으므로 문제가되지 않습니다. 100 %의 경우에는 이미지를 100 %로 설정하기 만하면됩니다. – RobertPitt

하지만 여기에서는 전체 슬라이더에 배경 이미지를 제공하고 있습니다. 각 단계를 개별적으로 액세스하는 방법을 원합니다. 사용자 입력에 따라 각 단계의 색상을 변경해야합니다. 내가 참조로 준 웹 페이지를 살펴보면 오른쪽 하단에 비디오/그림/텍스트를 활성화하는 옵션이 있으며 슬라이더에이 내용이 반영됩니다. 이 작업은 슬라이더의 배경 이미지를 전환하여 수행 할 수 있지만 더 좋은 방법입니다. 도와 줘서 고마워, RobertPitt :) – ksun

jquery 슬라이더의 각 단계에 CSS를 추가하는 방법은 무엇입니까?

답변

관련 문제