问题标签 [jquery-lazyload]

我在 html 中有这段代码：

jquery.lazyload.js 得到了这部分：

但是最终的结果是图片没有加载，因为url不是js添加的：

任何人都知道我如何检查发生了什么或我应该如何解决问题？谢谢。

我想使用方法 .lazy() 对具有 id 的部分应用延迟加载。该部分已通过 CSS 配置背景。下面是代码：

HTML

CSS

JS

我应该如何更改代码？因为现在不行了。它只有在我有代码和标签时才<img class="lazy" data-src="../img/example.jpg" />有效，如下面的示例所示：

http://jquery.eisbehr.de/lazy/example_basic-usage

我正在使用 jquery_lazyload 插件。当我将它与水平滚动 div 一起使用时，它似乎停止模拟 Chrome / Firefox DevTools 和真正的智能手机（Android、iOS）的移动设备。一旦我滚动到我看不到水平滚动 div 的位置，插件就会再次开始工作。如果您能给我一些建议，我将不胜感激。

图像是这样的

js代码是这样的

jsfiddle：https ://jsfiddle.net/heng3rv0/65/show

我正在使用 CakePHP 1.2。我正在尝试使用 CakePHP 的 jQuery Lazy ( http://jquery.eisbehr.de/lazy/example_basic-usage )。阅读https://book.cakephp.org/1.2/en/The-Manual/Core-Helpers/HTML.html#image上的文档，它显示了如何

产生以下输出：

我需要产生这个输出：

如何$html->image()在 CakePHP 1.2 中使用？问题在于，在语法image(string $path, array $htmlAttributes = array())中，第一个参数是必需的，而在输出中它会产生 的src=...属性img。我需要一个<img... />不包含该src=...属性的输出。我如何在 CakePHP 中使用 $html->image() 来实现这一点？

I implemented jQuery Lazy: http://jquery.eisbehr.de/lazy/. Everything works correctly except for one thing: When I click the Facebook Connect button, the images remain blank. After I click around, they come in as usual.

I have noticed that when I click the Facebook Connect button to log in, the URL in the address bar changes from [My URL] to [My URL]/#_=_. The Facebook Connect implementation does something that prevents the jQuery Lazy images to load unless I click around after this Facebook login. I have not found online anybody complaining about this. I thought it would be a common and addressed bug. Any ideas about why this could be happening?

UPDATE 1: When I visit [My URL]/#_=_ without using Facebook Connect at all, jQuery Lazy does not work either, the images remain blank. What happens is that when I click around, this #_=_ that is appended immediately after I log in with Facebook, gets removed. What I am seeing is that the problem is this #_=_ that Facebook Connect puts at the end of our URL. I see this situation is discussed at Facebook Callback appends '#_=_' to Return URL and the logical thing to do would be to get rid of the #_=_ but not without studying first the implications of doing that.

UPDATE 2: I followed Gorgi Rankovski's comment to Ryan's solution at Facebook Callback appends '#_=_' to Return URL and used this in my head tag:

Now [My URL]/#_=_ becomes [My URL]/, which is what I wanted. Nonetheless, this did not fix the problem about the jQuery Lazy images not loading after clicking the Facebook Connect button.

UPDATE 3: I tried https://appelsiini.net/projects/lazyload/ instead of http://jquery.eisbehr.de/lazy/ for lazy loading images, two different plugins for lazy loading images, and both of them experience the same bug when using Facebook Connect.

我真的是 Angular 的新手，我开始使用 vanilla-lazyload 来延迟加载图像的现有项目，对于应用程序逻辑，我需要使用方法 loadAll 的文档，但是当我运行“bower install vanilla-lazyload# ^10.15.0 --save" y 只能使用函数 update()、destroy() 和 handleScroll()，它们出现在文件夹 bower_components 内的lazyload.d.ts 中，我不知道为什么我不能t 使用其他方法。我尝试修改文件添加方法，不起作用。lazyload.d.ts 看起来

我在 index.run.js

谁能告诉我我在这里缺少什么？

如果问题不明确，请告诉我，我可以更具体。对不起我的英语不好。

我有点困惑如何将图片后备解决方案与 jquery lazyload 结合使用。我使用这个库：

目前我的图像是这样集成的：

但是 webp 后备解决方案的结构是这样的：

我的问题： 集成的延迟加载寻找data-original所以它不适用于 srcset。有解决方案吗？

如果可能的话，我宁愿不使用另一个库，而是“简单地”添加一些代码。

我正在使用同位素布局构建图像库。我尝试使用延迟加载来防止下载所有照片（数百张照片）（我希望用户不加载图像，除非他们向下滚动）。我将惰性大小导入模块，但出现此错误：“惰性加载不是函数”。

对这个问题有什么建议吗？

先感谢您：）

这是我的代码：

问题是Error: Cannot find module 'jquery'

当我用脚本构建它时：

已经尝试过使用外部等其他线索，但仍然在 jquery 上遇到问题

这是我的 package.json，

这是我的 webpack.config.js，

在我的入口文件上：

我已经被这个问题困住了 2 天.. 任何建议我都会这样做，

我得到的错误在终端端

此致。

我正在尝试在使用 Turbolinks 的 RoR Web 应用程序中实现图像的延迟加载。

我已经实现了这个 gem：https ://github.com/jassa/lazyload-rails

如果我对网站进行“硬”刷新（触发 document.ready），它会按预期完美运行，但如果页面由 Turbolinks 加载，则不会加载。

我尝试在 jquery.lazyload.js 文件（第 163 行）中更改此代码：

到

但是当我进行 Turbolinks 页面加载时，我没有在浏览器中收到任何警报，这让我相信当使用 Turbolinks 加载页面时，lazyload 脚本本身甚至不会被触发。

这是我的 application.js

这就是我在图像上调用延迟加载的方式