javascript - 无限滚动而不加载图像

Question

我到处寻找，试图弄清楚如何使用无限滚动并且没有加载图像，但我找不到它。这是您设置加载文本和图像的方式：

loading: {
    img: "/img/loading.gif",
    msgText: "Loading new posts..."
}

如果我设置msgText为''then 将没有文本，但我似乎无法对加载图像执行相同的操作，就像我将其设置为空白字符串一样，它将显示错误图像图像。

如何在没有加载图像的情况下使用无限滚动？

无限滚动

请注意，加载图像和文本在该页面上的语法不正确，您可以在此处查看正确的语法

Answer 1

您可以使用 base64 编码的 1x1 像素透明图像：

img: 'data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='

这样您就可以避免发送大量标头来下载小图像。

---

编辑：从透明单像素图像的最小文件大小，您也可以使用较短的

img: 'data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw=='

Answer 2

您正在寻找论点，顺便说一句msg，这将被忽略。imgmsgText

loading :
{
    msg : $('PUT YOUR HTML HERE') // Accepts a jQuery object
}

来源：jquery.infinitescroll.js。内部function infscr_create：

// Define loading.msg
opts.loading.msg = opts.loading.msg || $('<div id="infscr-loading"><img alt="Loading..." src="' + opts.loading.img + '" /><div>' + opts.loading.msgText + '</div></div>');

Answer 3

插件里面有一个gif。删除loadingImg : "/img/loading.gif",或替换为相同大小的空白。