jquery Slider 를 이용할경우 배경이미지 와 바 이미지를 변경하고자 할경우

http://blog.solapun.com/css


스타일을 아래와 같이 추가를 하면 정상적으로 변경이 된다.



[배경을 바꿔주는 스타일]

.ui-widget-content {border:none;background:url(test2.jpg) 50% 50% repeat-x; }
.ui-widget-header { background: transparent;}



[바 이미지를 변경해 주는 스타일]
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:none;background:url(test3.jpg)undefined no-repeat;}
.ui-state-focus { border:none;background:url(test3.jpg) no-repeat;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:none;background:url(test3.jpg) no-repeat;}


예문링크
http://blog.juin100.co.kr/xe/css/textyle/825