我正在使用JCarousel将来自DB的图片显示到JCarousel中。

我正在从数据库中检索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]);

            }
        };


我为完成这项任务而不知所措。

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

最佳答案

@用户,

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

您应该在数据库或路径中有一些id,这些图像应该来自某个图像服务器。这样会很快。

编写一个API,每页最多可以获取50张图片。

在caraousal中,每当您单击下一步时,就交换下4个图像中的图像的id和src

我们在这里实现了相同的http://www.allposters.com

关于jquery - 在jcarousel中动态加载项目,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4222926/

10-11 23:34