问题标签 [jquery-lazyload]

我有一个页面，其中显示在选项卡中的多个独立部分，每个部分可能包含数百张图像。为了使页面加载更高效，我正在做两件事：

• 与 JQuery 承诺并行加载这些部分
• 渲染这些部分后，使用JQuery 延迟加载插件延迟加载图像

这是我如何在 Coffeescript 中执行此操作的伪代码：

最终发生的是第一个选项卡部分顶部的前几张图像加载正常，但所有后续图像 - 无论是在第一部分的下方还是完全在其他选项卡部分中 - 在 Chrome 中只是“（待定）” .

这不会发生在网站的其他部分，我使用插件延迟加载以传统方式构建的页面中的图像（一次全部）。但有趣的是。如果我在向下滚动或跨选项卡移动时打开了 Chrome 开发人员工具，则有时不会发生此问题。一切都完美加载。这有多狂野？

任何关于如何在动态生成的内容中获取这些延迟加载的图像以在 Chrome 中正确加载的想法——无需打开 Chrome 开发者工具——都非常感谢。

jQuery Lazy 水平数据-src 加载淡入淡出或动画加载图像不起作用

示例https://jsfiddle.net/ypcao1xx/

我正在尝试从 TripAdvisor 网站上抓取评论。由于网站中的大多数图像都是动态加载的，因此我使用 Splash javascript 渲染服务来生成页面。

问题是某些图像已加载，而有些则未加载。

这是我要抓取的评论的 URL： https ://www.tripadvisor.com.sg/ShowUserReviews-g294265-d1770798-r446535418-Marina_Bay_Sands-Singapore.html

我尝试将 Splash 等待时间设置为 10 秒（最大值），结果仍然相同。

这是我在 Splash 中使用的代码：

这是 Splash 生成的结果图像（裁剪出的页脚部分）： 点击查看图像

如您所见，除了评论中的图像（它们应该在红色矩形中）之外，所有其他动态加载图像都已加载。我检查了 html 并发现存在 img 标签，但它们的 src 属性是“.../x.gif”，这是一个像素图像，而不是真实图像的 URL。

有没有人有这样的问题或知道为什么会这样？

我正在使用延迟加载插件来加载我的网络中的所有图像。这些图像每一个都包含在一个 div 中，还有一些描述和按钮。

它正在工作，但我想隐藏所有 div 直到它的图像完全加载，不幸的是我找不到任何关于如何完成它的提示。可能吗？

编辑： 我仍然无法让它工作，所以我做了一个jsfiddle希望你能指出那里出了什么问题。如果您评论display:none所有图像的延迟加载工作，否则 div 将始终隐藏。

解决方案

我有一个页面在平板电脑视图及上方并排显示 2 列图像，我使用延迟加载 jquery，问题是当我滚动浏览时，它仅延迟加载左列图像，右侧列显示之后的所有图像我滚动浏览所有部分图像。

代码如下：

我使用了宽度和高度，但仍然无法正常工作

我正在开发一个电子商务网站https://www.babyshopnepal.com 我正在尝试在用户滚动页面时加载该网站的内容。我想实现类似于 shopclues.com 的功能，即在用户滚动时加载内容。

我尝试使用 jquery 延迟加载，但它没有影响任何页面加载速度。

任何想法如何使用 laravel 获得此功能？

我想延迟加载背景图片，所以我需要转换

至

[样式可能包含两个或多个属性，只应删除背景图像属性]

我已经使用以下 PHP源进行了部分工作，但它仅适用于标签，它不适用于任何div

我已尽力解决但找不到解决方案

[Mods：如果有任何问题，请更正此问题]

我想要达到的目标：

使用 LazyLoad 的data-original属性，同时为我的相对根路径保留 ASP.NET 的~/路径标识符！

问题是什么：

data-original属性不会将 my~/转换为我的图像的相对根路径

正常的图像路径：

ASP.NET Core 路径： 这需要 ~/ 告诉 ASP.NET 它来自根相对路径

LazyLoad 的图片

有没有人有任何经验让相对根路径与 LazyLoad 的data-original属性一起正常工作？

我已经尝试过这样做：

但它不起作用

我正在使用用于无限滚动的 jscroll 插件和 jQuery 延迟加载插件 https://www.appelsiini.net/projects/lazyload

延迟加载：

无限滚动：

问题：

延迟加载插件工作正常，直到我向下滚动到页面末尾并且无限滚动加载新页面。加载新页面时，图像不显示。

I'm trying to use the unveil plugin in my c# .net mvc project. I get this error.

jquery.unveil.js:13 Uncaught TypeError: Cannot read property 'fn' of undefined

The jquery.unveil.js script file is in the Scripts folder. And below is my View.

I also tried using

and got the errors:

The second error i'm assuming even when document.ready is called the unveil.js file hasn't been loaded.

Any advice would be great.

Thanks.