- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我使用 Mootools 库开发了一个 JS 密集型网站,但在路上遇到了障碍。页面上有一个滚动 div,其中包含 500 多个图像,我正在尝试实现延迟加载功能,因此页面不会一次加载所有 500 多个图像。
我找到了David Walsh's lazyload class但它在 webkit 浏览器中不起作用(他说这是因为 WebKit bug #6656 )。
我还发现了this class它似乎有效,但实际上并非如此。它仍然加载页面上的所有图像,但隐藏视口(viewport)之外的图像,并在滚动到 View 中时淡入它们。
似乎有许多 jQuery 延迟加载类工作得非常好(在所有浏览器中),但我已经开发这个网站几周了,不能真正证明切换是合理的这或使用两个库。
有人知道是否有可以在 webkit 浏览器中使用的 Mootools 延迟加载类吗?如果没有,有什么建议吗?我是否必须同时使用 jQuery 和 Mootools?
这个问题稍微阻碍了开发。
最佳答案
您可以将图像包装在 noscript 标记内。如果您启用了 Javascript,浏览器将不会在其中加载图像。它的好处是对于非 JS 浏览器来说它的性能下降得很好。我在这里更详细地描述:
http://experimentsbykevin.tumblr.com/post/754769738/lazy-image-loading
关于javascript - Mootools 和 Lazyload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4287472/
我怎样才能让 Reacts Suspense 不显示任何回退而是保持在同一页面上这就是我的 return (
我正在使用lazyload jQuery 插件。 它工作正常,除了一个问题:在滚动之前,图像 src 不会被交换为原始数据。一旦你滚动,即使是一点点,图像也会加载 - 但我需要它们在页面准备好时立即加
jQuery LazyLoad 不会在打开页面的可见部分加载图像,直到我滚动页面(即使是 1px)。 当我滚动页面时,一切正常 更新: CoffeeScript jQuery -> $("img
我收到错误,lazyload 不是函数 但是在调用该函数之前加载了 jquery 和lazyload。我查了一下,只加载了一个jQuery。加载的顺序是有效的。 http://meny.astadvi
我无法想象这是如何开始发生的,几个月来一直运行良好...... http://www.lizhess.com/shop/ 在 chrome/ff 中观察您的网络选项卡 - 它在页面上一秒钟后加载 25
我有一个网页,上面有很多图像。这些图像中的大部分都位于 slider 内,使用 SlickSlider.js 和 Lazyload。 该页面的加载时间为 3.87 秒,但发出了超过 134 个请求。查
我目前正在开发一个应用程序,它有一个使用 LazyLoader 方法填充的列表,所以我有以下类: 文件缓存.java,ImageLoader.java,LazyAdapter.java,工具.java
我有一个 Query 对象,它最初配置为 lazyload() 模型上的所有关系: query = session.query(Article).options(lazyload('author'))
我正在使用保罗爱尔兰的无限卷轴 http://masonry.desandro.com/demos/infinite-scroll.html以及 Mike Tupupola 的延迟加载 jquery
我有一个实体映射,其中有三个标记为延迟加载的属性。我的期望是,当我访问单个属性(即缩略图)时,只会加载该属性的数据。但是,如果访问这些属性中的任何一个,NHibernate 似乎将加载所有标记为 La
我正在使用lazyload.js 库来延迟加载动态加载到无限 ScrollView 中的图像。当我开始滚动并加载下一页结果后,延迟加载工作得很好。 初始加载时,图像不会延迟加载,直到窗口中发生某些操作
我使用 Mootools 库开发了一个 JS 密集型网站,但在路上遇到了障碍。页面上有一个滚动 div,其中包含 500 多个图像,我正在尝试实现延迟加载功能,因此页面不会一次加载所有 500 多个图
需要有关在刷新、加载、排序、分页页面时选择 primefaces 数据表第一行的正确方法的帮助
您好,我想了解 sqlalchemy 延迟加载是如何工作的?假设我有这个查询 results = ( session.query(Parent). option
有人知道为什么我的延迟加载似乎不起作用吗? 我完全从延迟加载页面复制,甚至使用它们的图像作为测试,它们只是正常加载而不是淡入淡出......? lazy link example 然后我放入了一个无冲
因此,所有代码都运行良好。查询一个数据库,节点/父 ID 被懒惰地传递给 jsTree,并且,如果在搜索栏中键入一个术语——类似的过程继续进行,但传递给 jsTree 的节点是由另一个 SQL 查询返
我在网页的某个部分对图像使用延迟加载 功能。 (基本上,当前显示在 viewport 中的图像是获取的。其余的不是从服务器获取的。)以下 JavaScript 有效。 用法示例:img class="
正在从事一个使用 Spring/JPA/Rest 的项目。我们有一个类,它有一个 @OneToMany 字段(在下面的例子中说 Student ),它被标记为延迟加载。然而,当我们在 postman
我一直在开发一个单页应用程序,现在它已经变得非常庞大。我从 Require JS 和 AngularJS 开始,但是组件太多,加载单个页面会向服务器发出大约 40-50 个请求(包括模板文件)。 即使
我正在使用 VVO 的延迟加载 http://vvo.github.io/lazyload/很长一段时间以来,但对于这个特定页面,我不知道出了什么问题。它在页面加载时加载所有图像,这些图像应该是延迟加
我是一名优秀的程序员,十分优秀!