代码之家  ›  专栏  ›  技术社区  ›  Brandon Durham

懒汉

  •  0
  • Brandon Durham  · 技术社区  · 14 年前

    我用Mootools库开发了一个JS重站点,遇到了麻烦。页面上有一个滚动div,包含500多个图像,我正在尝试实现一个lazyload特性,这样页面就不会同时加载所有500多个图像。

    我发现 David Walsh's lazyload class 但它在webkit浏览器中不起作用(他说这是因为 WebKit bug #6656 ).

    我还发现 this class 而且它 出现 去工作但不是真的。它仍然会加载页面上的所有图像,但会将图像隐藏在视口之外,并在滚动到视图中时淡入。

    似乎有许多jQuery lazyload类工作得非常好(在 全部的 浏览器),但我已经进入了这个网站的几个星期的发展,并不能真正证明切换到这个或使用两个库。

    有人知道是否有一个Mootools lazyload类可以在webkit浏览器中工作吗?如果没有,有什么建议吗?我必须使用jQuery和Mootools吗?

    这个问题阻碍了发展。

    1 回复  |  直到 14 年前
        1
  •  2
  •   restlessdesign    14 年前

    您可以将图像包装在noscript标记中。如果启用了Javascript,浏览器将不会在其中加载图像。它的优点是它在非JS浏览器中性能很好。我在这里更详细地描述:

    http://experimentsbykevin.tumblr.com/post/754769738/lazy-image-loading