无负载图像的无限滚动

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>');