无负载图像的无限滚动

Question

我到处寻找尝试找出如何使用无限滚动而没有加载图像，但我找不到它。 这是你如何设置它加载文字和图像：

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

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

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

无限滚动

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

Answer 1

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

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

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

---

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

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

Answer 2

你正在寻找msg参数，顺便忽略img和msgText 。

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",或替换为相同大小的空白。