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/，接近你最初的想法，我認爲...