jquery scrollbox插件不能与img一起使用

我正在使用jquery

它无法在以下位置与imgs一起工作：

试过这个js-

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

试图更改css-

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

---

尝试了其他所有选项，但都不起作用。

您必须定义容器的高度，并使用相同大小的图像以获得所需的效果：

一种可能性是：

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

是的，谢谢这对中的边距：0有很大帮助。滚动img ul li我现在已经做了一个更改，如何更改的高度。滚动img与图像高度不确定-您希望每个图像都有不同的高度，或者？不，正如你在小提琴上看到的，图像的高度不同，在它们下面你可以看到下一幅图像。因此，如果.scroll img的高度可以更改为当前图像高度，我在这里提出了一个新问题-