Question

我有一个登录页面，其图像大约为“900KB”，显示需要一些时间，因为整个页面都没有显示。是否有任何方法可以在最初显示登录ID和密码输入字段。

是否有任何jquery插件可用于显示在浏览器上呈现的图像的进度。

Answer 1

我刚刚完成测试并欣赏以下jQuery插件jQuery Lazy。

这是满足您需求的简单解决方案。

$("img.lazy").Lazy({
  combined: true,
  delay: 3000
});

img.lazy {
  width: 700px;
  height: 467px;
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/0.6.4/jquery.lazy.min.js"></script>
<!--
  use the data-src attribute and not the src!!!
-->
<img class="lazy" data-src="http://pngimg.com/upload/bicycle_helmet_PNG9846.png" src="" />

在jsp页面中优化图像加载

1 个答案: