我正在使用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/