Question

我使用Jquery Rondell插件进行缩略图轮播如下：

<div id="rondellCarousel">
        <a target="_blank" rel="rondell" href="image/US.png" title="...">
            <img src="image/US.png" alt="Band" title="Click to enlarge">
            <h5>Awesome concert</h5>
            <p>My favourite band.</p>
        </a>
    </div>



<script type="text/javascript">
    $(function () {
        $("#rondellCarousel").rondell({
            preset: "carousel"
        });
    });
</script>

结果只能正确显示一张图像。但是，在添加多个源时如下

<div id="rondellCarousel">
        <a target="_blank" rel="rondell" href="image/US.png">
            <img src="image/US.png" alt="Band" title="Click to enlarge">
            <h5>Awesome concert</h5>
            <p>My favourite band.</p>
        </a>

        <a target="_blank" rel="rondell" href="image/US2.png">
            <img src="image/US2.png" alt="Band" title="Click to enlarge">
            <h5>Awesome concert</h5>
            <p>My favourite band.</p>
        </a>
    </div>

第二张图片未显示在导航轮播中，而是当我点击导航轮播中显示的唯一图片时，两张图片会显示在出现的灯箱中。

Answer 1

好的，这很奇怪。经过一些试验和错误后，我发现Git版本存在问题。我已经从不同的来源（他们自己的网站）再次下载了该库，并且它有效！

Answer 2

@fareed我是该插件的开发者。你能告诉我你最初使用的版本和你现在使用的版本吗？您可以在js文件的顶部找到信息。

Jquery Rondell多个图像不起作用

2 个答案: