javascript - carouFredSel slider - 上一页、下一页和分页不起作用

Question

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

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

slider 位于顶部。 Caroufredsel 在 DOM 准备好后在 bbody.js 中初始化。有人有什么想法吗？

Answer 1

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

由于您选择的动画类型是交叉淡入淡出，因此所有图像必须彼此重叠才能使其正常工作，否则默认情况下它们会彼此相邻。

所以在 css 中输入:

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

要更正下一个和上一个，您需要对 js 进行一些小修复，这是调用按钮的正确方法

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

分页也是如此，纠正一下:

pagination: {
    container: '#pager'
}