주 콘텐츠 영역의 배경에 스타일이 지정된 이미지가있는 슬라이드 쇼에 jQuery Cycle을 사용하고 있습니다. 나는 그 이미지를 단색으로 색이 바래고 있습니다. 단색은 페이지의 전체 너비에 걸쳐 있습니다. 색상은 CMS에 동적으로 기록됩니다. CMS는 Cycle이 영향을 미치는 컨테이너 (li)에 색상의 클래스 이름을 추가합니다. Cycle이 모든 레이아웃을 재설정합니까? 누구든지 전에 이것을 했습니까?
jQuery 각 슬라이드의 전체 너비 순환 래퍼
나는 스타일링 (주기없이)보고하는 방법이있다 :주기 http://riverdistrictstudio.com/slider/index-no-cycle.html
: http://riverdistrictstudio.com/slider/
주기 플러그인은 자신의 작은 크기로 슬라이드를 contrains 그리고 그렇게 그들을 절대합니다 서로를 통해 그들을 퇴색시킬 수 있습니다.
방법 당신은 여전히 전체 폭, 그것을 width: 100%;을하고 사업부에서 그것을 중앙에 UL margin: 0 auto;을주는 ul과 스타일 arround에 div를 포장하는 것에 걸쳐 할 수 있습니다.
센터링은 문제가 아닙니다. 문제는 전체 너비 래퍼의 배경색이 고정 너비의 내용 너비와 스타일이 지정된 bg 이미지와 같은 시간에 애니메이션을 적용해야한다는 것입니다. –
그런 경우 Cycle 플러그인을 수정하여 높이와 너비를 강요하지 않아야합니다. 또는 다른 플러그인을 사용하거나 직접 작성하면 페이드 전환이 가장 쉬운 arround입니다. [여기 있습니다.] (http://jsfiddle.net/RFJMy/222/) 나는이 이유 때문에 특별히 썼습니다. 추가 위치 지정이나 강제 치수가 없습니다. – sg3s
JS 솔루션을 찾았습니다. http://www.yelotofu.com/2011/06/jquery-cycle-and-fullscreen/ - CSS 솔루션이 더 좋을 수도 있지만 어쩌면 불가능할 수도 있습니다. –
그 이유는주기가'li' 요소를'position : absolute'로 설정하여 포장을 줄이는 것이라고 생각합니다. 명시 적으로 너비를 100 %로 설정해야합니다. – powerbuoy