Question

如果我的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个用完之后，“下一个”按钮不会禁用，而是我可以永远点击“下一步”，它只会继续显示3个“图像” - 所有这些只是占位符（不知道该怎么称呼它，只是一个空盒子，里面会有一个图像）。

所以我的问题是为什么旋转木马不像静止内容那样停在6？

感谢。

Answer 1

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

carousel.options.size = dummyData.length;

尽管没有更多的物品，JCarousel永远滚动

1 个答案: