任何Slider插件都可以使用Lazy Load插件

Question

我正在使用大量高分辨率图片来实现Css Tricks非常出色的Anything Slider plugin，这会使页面加载速度非常慢。

有谁知道如何整合Lazy Load plugin以使用Anything Slider？

Answer 1

好的，这不是一个解决方案，但是我发布这个问题给那些遇到同样问题的人。 在页面上的所有其他CSS背景图像被加载（例如网站徽标，图库bg等）之后，我不确定如何控制我的图库图像的加载。

对于临时解决方法，是的，我知道各种各样的挫折，请执行以下操作：

• 在你的html主体顶部创建一个div，并设置为display：none。
• 插入最后加载到该div中的所有图像资源（确保它们具有相同的路径）。
• 这些图片现在会加载到页面上并获得优先权，即使它们最终只是被css调用显示

有几点需要注意：

• 如果您有很多图片或 多个页面，不要使用此 方法。保养起来会很痛苦 你将不得不执行图像名称 多次改变
• 我尽可能彻底地进行了测试，这似乎没有影响 页面加载速度，但我可能是错的