问题标签 [jquery-lazyload]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - LazyLoad.js 和 require.js 的区别
我目前正在使用 require.js 编写示例应用程序，现在找到了 LazyLoad.js。
需要.js
懒加载.js
这两者的区别在哪里？
对我来说，能够异步加载模块很重要，并且依赖管理应该自动完成。
html - 将图像包裹在 div 中的 LazyLoad
我在使用原始 appelsiini.net 中的 LazyLoad 插件时遇到问题。
使用结构时
以上工作。但我有另一个需要的结构。
但是对于这种用法-我没有运气。我查看了选项，并试图找到答案。但没有。
LazyLoad 是否仅适用于顺序 img-tags？或者这不能用包裹在 div 中的 img-tags 来完成吗？
谢谢你。
jquery - 事件或滚动时的延迟加载
是否可以在设置事件或滚动时触发延迟加载，而不仅仅是其中一个。
我有一个分页列表，我想在页面更改时显示图像，但我仍然希望图像也能在滚动时显示。
谢谢。
jquery - 外部页面幻灯片上的 Jquery 脚本加载缓慢或停止。我该怎么办？
我不确定要引用的代码的哪些部分与解决我的问题有关。我在这里有一个测试页面：http: //www.guru3.com/filechute/pentco_new/
我正在使用几个 Jquery 第三方脚本/插件，它们的行为不正常。
我正在使用的脚本/插件是： - Revolver 滑动页面插件（http://2.s3.envato.com/files/27577254/index.html#/homepage） - Jpages 分页脚本（http://luis-almeida .github.io/jPages/ ) - 延迟加载脚本 ( http://www.appelsiini.net/projects/lazyload )
因此，当我连续使用 Jpages 和 Lazyload 脚本加载两个外部页面幻灯片时，就会出现问题。当我加载第一页时，脚本需要几秒钟才能实际加载并显示内容并正确格式化。当我加载第二页时，脚本基本上停止并且不加载菜单或图像内容。刷新第二个页面并暂停 2-3 秒后，页面将加载内容。
因此，对于测试页面的实例，“Fullwrap > Material Options”和“Lamineer > Material Options”幻灯片将是有问题的页面。
有没有办法让这些页面正确加载而无需刷新浏览器？其次，有没有办法减轻页面渲染时的延迟时间？
我是一名业余爱好者，所以如果我的代码中有一些“愚蠢”的东西，我会很感激你能给我的任何启发，这样我就可以学会不那么“愚蠢”。
谢谢你。
javascript - 图像的延迟加载和卸载
我有一个带有许多标签的 html 文件。
我想在滚动事件上加载图像，并卸载不可见的图像。就像在 Aamzaon 查看器中一样，当您向上/向下滚动时，帧中的当前图像是延迟加载的。
我看到很多 LazyLoad 工具，但没有一个具有卸载功能。
javascript - 实时搜索后的 jQuery Lazyload 图像
我有一个包含很多图像的 HTML 页面，它们都在自己的 div 中，每个 div 具有相同的大小，如下所示：
HTML：
我决定使用 jQuery 的延迟加载插件在滚动到图像时加载图像。
延迟加载实现：
对于那些不知道什么是延迟加载的人：延迟加载
这一切都很好，直到我实现了一个实时搜索功能。这会在 div 中搜索在表单中输入的单词、短语，并隐藏与搜索输入不匹配的 div。
HTML表格：
JS：
搜索效果很好，它隐藏和显示正确的 div 非常快，但问题是在搜索结果中，只有事先已经滚动到的图像才能正确显示。其他 div 仍然显示“transparant.gif”
我可以做些什么来更新搜索结果中图像的“src”，而不是他们的“数据原始”图像？
lazy-loading - 有没有办法将lazyload js库与Picturefill结合起来？
我想知道你如何将lazyload.js 与Picturefill 结合起来，当lazyload 的图像语法需要img 标签和data-original 时，而Picturefill 的语法没有这些功能。
例如，这是我使用 Picturefill 对图像进行的标记：
不知道我将把lazyload.js 需要的类属性放在图像标签或data-original 属性上的位置。关于如何与 Picturefill 一起实现lazyload.js 的任何想法，或任何其他在保持使用 Picturefill 的同时延迟加载图像的方法？
javascript - 为什么 Lazyload 不显示图片？
我尝试了stackoverflow上给出的所有解决方案。
我还尝试了另一种http://luis-almeida.github.io/unveil/
但问题还是一样。除非我调整窗口大小（或 $(window).resize(); 在控制台中）图片不显示。但是，如果我将阈值设置为 300，则会出现前 300 个像素中的图片，而不是其他...
最奇怪的是2个插件的问题是一样的。
有什么建议吗？
jquery-lazyload - 如何禁用手机上的延迟加载？
我已经安装了 Appelsiini Lazy Load，它在桌面视图上运行良好。我怎样才能将其禁用到移动设备。这是延迟加载的网站 - www.appelsiini.net/projects/lazyload
javascript - Masonry & LazyLoad 不想一起工作
我正在为摄影师建立一个网站。它应该使用 Bootstrap 3 框架构建，并且他希望在一个页面上有一个包含 400 多个图像的砌体。为此，必须使用 LazyLoad。我现在花了几天时间试图让LazyLoad与 Desandros Masonry合作，但没有成功。
我已经尝试了所有可以在谷歌上搜索到的示例，但是大多数帖子/网站/论坛只是将您重定向，或者复制了这个 stackoverflow 答案： Combining LazyLoad and Jquery Masonry
我已经尝试了这两种方法，但不幸的是我得到的只是白发..... :(
这是我正在处理的页面的简化实时版本：http:
//nr.x10.mx
在这个例子中，我在页面加载时添加了一个淡入，但是因为我可以让它工作，所以离开了LazyLoad 。
在这里你有以下的FIDDLE
你也可以在这里下载整个包，包括jquery.lazyload.js 这里
任何帮助将不胜感激
更新
在这里，您可以有 4 个不同示例来说明发生的不同问题。我还高兴地发现 Bootstrap.img-responsive类正在干扰 LazyLoad。
1 - 没有LazyLoad 的砌体
2 - 砌体和 Lazyload - 砌体分解并且 LazyLoad 没有效果
3 - 没有 Masonry 的 LazyLoad - LazyLoad 没有效果
4 - 没有 Masonry 和 Bootsrap 的 LazyLoad “img-responsive” 已删除
5 - 砌体和 LazyLoad 使用第一种方法上面提到的 SO 答案的
6 - Masonry & LazyLoad 使用上面提到的 SO 答案的第二种方法
最后两个都给出以下错误：[Error] TypeError: 'undefined' is not a function (evalating '$container.imagesLoaded') global代码（5.html，第 110 行）
更新 zip HERE
再次，任何帮助将不胜感激，谢谢