carouFredSel滑块 - 上一个，下一个和分页不起作用

Question

我正在为我正在制作的网站使用carouFredSel jquery插件。我在“上一步”，“下一步”和“分页”容器方面遇到了一些问题。图像显示并开始滑动，但我无法导航（上一个/下一个），我无法看到分页本身..

您可以在此处查看页面：http://goo.gl/pJLNN

滑块位于顶部。在DOM准备好后，Caroufredsel在bbody.js中初始化。有没有人有任何想法？

Answer 1

为了校正图像位置，您需要添加或更改每个图像容器的绝对位置。

由于您选择的动画类型是Crossfade，因此所有图像必须在彼此之上以使其工作，否则默认情况下它们彼此相邻。

所以在css中提出这个：

#rotate > div {
float: left;
display: block;
width: 100%;
height: 650px;
position: absolute;
left: 0;
}

要纠正next和prev你需要对js做一个小修正，这是调用按钮的正确方法

prev: {
       button  : "#msprev"
},
next: {
       button  : "#msnext"
},

分页也是如此，纠正它：

pagination: {
    container: '#pager'
}

Answer 2

对于遇到此问题的任何其他人来说，另一个原因是下一个＆amp;分页链接不起作用是元素ID可能已在页面上的其他位置重复。我有

prev: {
       button  : "#prev3"
},
next: {
       button  : "#next3"
},

页面上有两个带id="prev3的元素。 id="next3"也是如此。一旦我更改了ID以使其唯一，导航就开始正常工作。