jquery-dzyables中的jquery-lazyload图像

时间:2015-03-02 17:51:33

标签: javascript jquery datatables jquery-datatables jquery-lazyload

使用datatables javascript plugin我希望在带有分页的表格中显示10k个小图像 因为我加载了太多,我得到错误。

我想只在出现这些图片时加载这些图片才能找到lazyload plugin

但是,图像最初根本不显示 我必须手动输入

$("img.lazy").lazyload();

在浏览器控制台中 然后只加载屏幕上的图像
(即当我向下滚动时,我看到所有其他图像都已卸下) 这证明至少插件有点工作。

使用数据表有什么特别之处吗? 我是否必须每秒脚本地触发延迟加载?

谢谢!

1 个答案:

答案 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;
}