在jquery Slider中定位框内容的问题

时间:2011-12-22 20:38:39

标签: jquery css

我正在尝试修改jquery插件(Infinite Carousel)来呈现一些框而不是普通的图像内容。这是Demo

我不确定这是否更具造型或脚本问题,但我遇到的问题是: 1 - 第二轮的内容(First Click to Right)不适合包装内 2 - 有一些未知的点...在十二之后和第一个项目之前(在第一次点击到左边或第二次点击到右边) 您可以查看以下Demo并告诉我如何解决这些问题? 感谢您提前的时间!

1 个答案:

答案 0 :(得分:0)

您的轮播中的元素为空,

...
<li class="empty"></li>

用css:

ul.gallery li {
  border: 1px solid #ccc;
}

如果覆盖空元素的边框样式,则点将消失。

至于滚动问题,您没有正确计算滚动的长度, 视口的宽度与您滚动的宽度不匹配,请重新考虑此行,

left = singleWidth * dir * visible * n;

这是不正确的