无负载图像的无限滚动

Question

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

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

如果我将msgText设置为''那么就没有文字，但我似乎无法对加载图片做同样的事情，好像我将其设置为空白字符串一样，它会显示错误图像图像。

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

infinite-scroll

请注意，在该页面上加载图片和文字的语法不正确，您可以看到正确的语法here

Answer 1

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

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

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

---

修改： 从smallest filesize for transparent single pixel image开始，您也可以使用较短的

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