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/，更接近您最初的想法，我认为......

jquery滚动框插件不能与img一起使用

1 个答案: