jquery scrollbox 플러그인이 img와 작동하지 않습니다.

Question

jquery scrollbox plugin을 사용하고 있습니다.

그것은이와 시도 here

에 imgs와 함께 작동 할 수 없습니다 JS -

$('#roller').scrollbox({ 
direction: 'h', 
switchItems: 1, 
distance: 800 
}); 

는 CSS를 변경하려고 -

.scroll-img ul li img { 
width:50%; 
} 

을

하지만 그것을 다른 모든 옵션을 시도 실 거예요.

Answer 1

당신은 컨테이너의 높이를 정의해야하며, 원하는 효과를 얻기 위해 동일한 크기의 이미지를 사용하기 :

을 http://jsfiddle.net/Smau8/5/

한 CSS의 가능성 :

.scroll-img { 
    border: 1px solid red; 
    width: 800px; 
    height:200px; 


    overflow: hidden; 
    font-size: 0; 
} 
.scroll-img ul { 
    margin:0px; 
    padding: 0px; 
    width: 800px; 
    height: 1500px; 
    margin: 0; 
} 
.scroll-img ul li { 
    margin:0px; 
    padding: 0px; 
    display:inline-block; 
    margin:0; 
} 

.scroll-img ul li img { 
    width:400px; 
    height:200px; 

} 

편집 : 다른 css : http://jsfiddle.net/Smau8/6/, 처음 아이디어에 가깝다고 생각합니다 ...