gpt4 book ai didi

javascript - Mootools 和 Lazyload

转载 作者:行者123 更新时间:2023-12-02 20:30:18 26 4
gpt4 key购买 nike

我使用 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com