0

我是 javascript 编程的初学者，我在使用迂回插件http://fredhq.com/时遇到了麻烦

我需要让插件在静态时只显示 5 张图像。我试过谷歌它，当然没有成功。我已经阅读了环形交叉路口的文档，但没有找到有关显示图像数量的任何信息。

有谁知道如何解决这个问题？

这些是代码：http: //jsfiddle.net/ramon_v/h683A/

` 

    <ul>
        <li><span>Block 1</span></li>
        <li><span>Block 2</span></li>
        <li><span>Block 3</span></li>
        <li><span>Block 4</span></li>
        <li><span>Block 5</span></li>
        <li><span>Block 4</span></li>
    </ul>
    <a href="#" id="prev">prev</a>
    <a href="#" id="next">next</a>
</body>
<script src="jquery-1.8.2.js"></script>
<script src="jquery.roundabout2.js"></script>
<script>
    $(document).ready(function() {
        $('ul').roundabout({
           btnNext: '#next',
           btnPrev: '#prev',
           duration: 200
        });
    });
</script>`

谢谢

4

1 回答 1

0

我根据您的问题整理了一个新的jsfiddle ；它包括五个图像。

javaScript 将保持不变：

$('ul').roundabout({
  btnNext: '#next',
  btnPrev: '#prev',
  duration: 200
});

我为使其工作而采取的步骤：

  1. 由于 roundabout 是一个 jQuery 插件，请确保将其加载到 JsFiddle Frameworks 部分（您加载了可能导致冲突的 mootools）

  2. JsFiddle 会为您加载所有的 html 包装器，因此您不必在此处编写 html、head 或 body。

  3. 在 JsFiddle 外部资源部分中加载环形交叉口作为外部资源。您需要找到指向实际 .js 文件的静态 Web 链接。在这种情况下，github上有一个（链接）

  4. 您正在使用的示例只需要一些 css 规则，所以我删除了所有其余的。

我希望这能回答你的任何问题。

快乐编码！

于 2013-03-01T18:42:48.663 回答