http://blog.solapun.com/css으로
블러그 주소가 변경이 되었습니다.
2011년 3월 10일 목요일
2011년 3월 2일 수요일
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
스타일을 아래와 같이 추가를 하면 정상적으로 변경이 된다.
[배경을 바꿔주는 스타일]
.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
피드 구독하기:
게시물 (Atom)