2013-02-26 7 views
0

jQuery 슬라이더의 핸들 이미지를 변경하려고합니다.jquery 슬라이더 핸들의 사용자 정의 이미지를 설정하는 위치

각 클라이언트에는 내 웹 사이트의 해당 클라이언트 폴더에 저장되는 자체 핸들 이미지가 있습니다. 응용 프로그램에 액세스하는 클라이언트를 기반으로 슬라이더 핸들을 변경하고 싶습니다.

이를 위해 클래스 속성을 변경하기 위해 페이지의 Java 스크립트 플러그인 안에 코드를 작성했습니다.

$('.ui-slider-horizontal, .ui-slider-handle').css("background", "url(http://dev.mywebsite.com/Images/clients/SomeClientName/icon-slider.png) no-repeat scroll 50% 50% !important;"); 

그러나 이것은 효과가없는 것 같습니다. 코드가 실행되지만 슬라이더에 자체 이미지가 표시됩니다.

위의 경로를 탐색하면 브라우저에서 이미지를 볼 수 있습니다.

동일한 배경 속성을 내 마스터 CSS 파일에 쓰면 제대로 작동합니다. 하지만 런타임에 이것을 달성하고 싶습니다.

답변

0

div 내에서 동적으로 슬라이더로 생성 된 link 태그의 background 속성을 설정하여 최종적으로 달성 할 수있었습니다. 슬라이더 컨트롤을 생성하는 jquery.slider 메서드를 호출하는 div입니다.