javascript - 如何隐藏屏幕外的图像?

标签 javascript jquery

我想提高页面速度,但由于页面中的图像,页面速度降低了。我想要做到这一点,以便当图像离开屏幕时,我想隐藏该图像或仅当它在屏幕上时才加载它。

我已经可以检查元素是否在屏幕外,我想知道如何在它离开屏幕时隐藏图像。

最佳答案

最简单的事情就是使用像这样的惰性加载器:http://www.appelsiini.net/projects/lazyload

您可以对其进行配置,以便当图像处于 View 中时它将开始加载。这样你的初始加载时间就会减少。

关于javascript - 如何隐藏屏幕外的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36336185/

相关文章:

javascript - 如何在没有 PHP(仅 jQuery/javascript)的情况下按顺序链接到下一页和上一页

Javascript:按比例将 "scale"数字数组求和为一个值

javascript - HTTP 响应流是否需要 Node.js 中的错误事件处理程序?

javascript - 部分 View 部分与 JQuery 配合使用,但不完全与 C# ASP.Net MVC 5 配合使用

javascript - 防止某些元素获得焦点

Javascript - 如何使用变量分隔符进行分割功能?

javascript - jscrollpane block 滚动父级

jquery - 将时间附加到 JQuery 日期选择器?

javascript - 隐藏浏览器滚动条但将内容保留在其原始位置

javascript - 如何将数据传递给输入值