使用datatables javascript plugin我希望在带有分页的表格中显示10k个小图像 因为我加载了太多,我得到错误。
我想只在出现这些图片时加载这些图片才能找到lazyload plugin。
但是,图像最初根本不显示 我必须手动输入
$("img.lazy").lazyload();
在浏览器控制台中
然后只加载屏幕上的图像
(即当我向下滚动时,我看到所有其他图像都已卸下)
这证明至少插件有点工作。
使用数据表有什么特别之处吗? 我是否必须每秒脚本地触发延迟加载?
谢谢!
答案 0 :(得分:3)
我找到了另一个没有lazyload插件的方法here 使用选项
"fnRowCallback": customFnRowCallback
然后此函数将用图像标记替换第一列。
function customFnRowCallback( nRow, aData, iDisplayIndex )
{
$('td:eq(0)', nRow).html( '<img class="" src="http://aaaaa/'+ aData.attribute+'" alt="" />' );
return nRow;
}