Question

我正在使用JCarousel将数据库中的图片显示到JCarousel。

我正在从DB中检索500张图片（例如），但我想在jcarousel中只显示50张图片。

这是我填充JCarousel的代码

  if ($("input[id$='hid_RowCount']").val() == 1) {
    jQuery('#mycarousel').jcarousel({ scroll: 7
    })


    function JCarouselJquery(jsonData){
        jQuery('#mycarousel').jcarousel({
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });

}

    function mycarousel_itemLoadCallback(carousel, state)
    {
       for (var i = carousel.first; i <= carousel.last; i++) {
       if (carousel.has(i)) {
                continue;
            }

            if (i > jsonData._items.length) {
                break;
            }

            carousel.add(i, jsonData._items.length[i-1]);

            }
        };

我正在试图完成这项任务。

如果有人提供一些想法或示例代码，将会有很大的帮助。

Answer 1

@user，

您不应该从数据库中加载500个图片。

你应该在数据库或路径中有一些id，图像应该来自某个图像服务器。所以它会很快。

编写一个API，每页最多可以获得50张图像。

在caraousal中，无论何时单击下一步，交换下4张图像中的图像的ID和src

我们在http://www.allposters.com

实现了相同的功能

在jcarousel中动态加载项目

1 个答案: