【问题标题】：infinite scroll without loading image无限滚动而不加载图像
【发布时间】：2013-08-15 18:49:13
【问题描述】：

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

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

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

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

infinite-scroll

注意那个页面加载的图片和文字是不正确的语法，你可以看到正确的语法here

【问题讨论】：

使用空白图片？像一个透明的 1x1 png
虽然这是一个令人讨厌的小技巧...可以工作，如果我必须这样做，我会这样做，但我认为如果真的没有办法没有加载图像，那就太愚蠢了...
这是插件？叫什么名字。
嗯，您还没有提供有关您正在使用的框架的任何信息。显然，如果您在删除 img 属性时收到缺少图像的错误，那么您需要编辑您的类/对象以允许为空或没有图像属性。
我宁愿不必编辑无限滚动，尽管如果我有的话我可以...我提供了所有文档链接，尽管它们对我的要求没有帮助，因为我已经进入深度搜索...我只是想知道是否有人知道快速解决方法

标签： javascript jquery image infinite-scroll

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

编辑：从smallest filesize for transparent single pixel image，你也可以使用更短的

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

【讨论】：

【解决方案3】：

您正在寻找 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>');

【讨论】：