Question

我是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>`

由于

Answer 1

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

javaScript将保持不变：

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

我为实现目标而采取的措施：

由于环形交叉口是一个jQuery插件，请确保在JsFiddle框架部分中加载它（你有mootools加载可能会导致冲突）
JsFiddle为您加载所有html包装器，因此您不必在此处写入html，head或body。
在JsFiddle外部资源部分中将环形交叉口作为外部资源加载。您需要找到实际.js文件的静态Web链接。在这种情况下，github上有一个（Link）
您使用的示例只需要一些css规则，因此我删除了所有其他规则。

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

快乐的编码！

Roundabout Plugin，显示5张图片

1 个答案: