0

如果我的 JCarousel 有这样的静态内容：

<ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="image1.bmp" alt="" width="75" height="75" alt="" /></li>
    ...
    <li><img src="image6.bmp" alt="" width="75" height="75" alt="" /></li>
</ul>

然后轮播会滚动 6 张图像。

如果我有一个空列表：

<ul id="mycarousel" class="jcarousel-skin-tango">
</ul>

并动态加载项目：

jQuery('#mycarousel').jcarousel({
    itemLoadCallback: myCarouselItemLoadCallback,
});

function myCarouselItemLoadCallback(carousel, state)
{
    if (state === "init")
    {
        for (var i = 0; i < dummyData.length; ++i)
        {
            carousel.add(i, dummyData[i].ihtml);
        }
    }
}

其中 dummyData 定义为：

var dummyData =
[
    {
        ihtml: "<li><img src='image1.bmp' alt='' width='75' height='75'/></li>"
    },
    etc for the other 5 items
];

然后我得到了带有 6 个项目的轮播，但是在 6 个项目用完后 Next 按钮不会禁用，而是我可以永远点击 Next，它只会继续显示另外 3 个“图像”——所有这些都只是占位符（不要不知道怎么称呼它，只是一个有图像的空盒子）。

所以我的问题是为什么轮播不像静态内容那样停在 6 点？

谢谢。

4

1 回答 1

0

令人惊讶的是，您似乎需要明确设置大小......

carousel.options.size = dummyData.length;
于 2013-10-15T13:30:47.490 回答