我使用Mootools库开发了一个JS重型网站,并在路上遇到了障碍。页面上有一个包含500多个图像的滚动div,我正在尝试实现一个延迟加载功能,因此页面不会同时加载所有500多个图像。
我找到David Walsh's lazyload class但它在webkit浏览器中不起作用(他说这是因为WebKit bug #6656)。
我还发现this class并且 可以正常工作,但实际上并非如此。它仍然会加载页面上的所有图像,但会将图像隐藏在视口外部,并在滚动到视图时将其淡入。
似乎有许多jQuery lazyload类可以很好地工作(在所有浏览器中),但是我已经有几个星期进入这个站点的开发并且无法证明切换的合理性这个或使用两个库。
任何人都知道是否有适用于webkit浏览器的Mootools lazyload类?如果没有,有什么建议吗?我是否必须使用jQuery和Mootools一起使用?
这个问题正在促进发展。
答案 0 :(得分:2)
您可以将图像包装在noscript标记内。如果您启用了Javascript,浏览器将不会在其中加载图像。关于它的好处是它非常适合非JS浏览器。我在这里详细描述:
http://experimentsbykevin.tumblr.com/post/754769738/lazy-image-loading