jQuery를 carouFredSel 리 내가 <a href="http://caroufredsel.frebsite.nl" rel="nofollow noreferrer">this plugin</a>을 사용하고

Question

폭 여기에 코드입니다 :

내가 그것을 시도 : http://jsfiddle.net/gm8t5/

는 기본적으로 나는이 같은 것을보고 중간 li 폭을 늘리려면 like :

.list_carousel li {width: 960px !important;} 

하지만 애니메이션이 부드럽게 진행되지 않습니다.

어떻게 해결할 수 있습니까?

Answer 1

.list_carousel li을 사용하여 CSS에서 항목 너비를 설정하십시오. 또한 중간에 1을 사용하여 각면에 1을 내고 싶으므로 항목을 3으로 표시하도록 설정해야합니다.

플러그인 설정 :

items: { 
    visible: { 
     min: 3, 
     max: 3 
    } 
} 

CSS

.list_carousel li { 
    float: left; 
    width: 300px; 
    height: 60px; 
} 

당신은 항목 크기를 조정뿐만 아니라, 컨테이너의 크기를 조정하여 재생할 수 있습니다

. 아이템 너비가 전체 컨테이너 너비의 대부분이되도록하면 원하는 효과를 얻을 수 있습니다.

나는 jsfiddle을 새로 만들고 심각하게 정리했다. 마크 업과 CSS는 실제로 당신이 찾고있는 것을 성취하는 것을 불가능하게 만들고있었습니다.