javascript - 1pg 上的下一个/上一个箭头。水平滑动网站？

Question

我见过许多与此类似的问题，但似乎没有一个对我正在使用的特定代码有帮助。如果有人认为他们可以提供帮助，我肯定需要专业人士的帮助。将不胜感激...

我有一个简单的水平滑动网站。页面顶部的链接工作正常并滚动到正确的页面。但是，我想要做的是在页面上添加一个 Next 和 Previous 箭头，以便人们也可以使用这些箭头连续地从一个页面滚动到另一个页面。但这就是所有令人讨厌的开始的地方。

我在这里发布了我的一些代码，但为了让任何帮助的人更容易，您可以在这里查看整个事情(以通用形式)... http://jsfiddle.net/Versitek/uZ2h8/17/

我怀疑问题很可能出在箭头代码上......

<div id="prev-arrow"><a href="javascript: $('#banner a').trigger('click');"><FONT size="7"><STRONG>&laquo;</STRONG></FONT></a></div>

<div id="next-arrow"><a href="javascript: $('#banner a').trigger('click');"><FONT size="7"><STRONG>&raquo;</STRONG></FONT></a></div>

...或者应该控制它的 javascript...

$(function () {
    $("#banner").cycle({
        fx: 'fade',
        width: '100%',
        fit: 1,
        prevNextEvent: 'click.cycle',
        speed: 800,
        timeout: 10000,
        prev: '#prev-arrow',
        next: '#next-arrow',
        cleartypeNoBg: true
    });
});

请在看我的代码时尽量不要笑得太厉害。很明显，我不知道我在这里做什么，这很痛苦。我希望这只是我忽略的一件小事，但很有可能我只是个白痴。请帮忙。

Answer 1

我为您的自行车元素所做的事情:

1. 删除了菜单以便于工作，因为您已经知道该怎么做。
2. 将循环插件文件添加到 fiddle
3. 围绕面板元素编写了一个“面板”容器
4. 使用“面板”容器调用循环函数。
5. 在我删除菜单后稍微更改了 css

fiddle

.