wookmark插件的延迟加载

时间:2013-10-24 04:18:08

标签: javascript jquery lazy-loading wookmark

如何将lazy load plugin添加到wookmark photo plugin

实际上,wookmark照片插件使用自动高度选项。因此图像尺寸完全不同。当我向高度和高度的图像添加延迟加载时如果未指定width,则插件也会加载显示区域外的所有图像。

帮我为高度和高度的图片添加延迟加载插件宽度未知。

感谢。

1 个答案:

答案 0 :(得分:0)

我对Wookmark插件有同样的问题。对于我在其上使用它的页面(http://aucycling.com/gallery/),在所有这些图像都已加载之前,不会加载单个图像,Wookmark将对它们进行组织。我尝试使用延迟加载,但最初为每个图像提供固定大小。这个问题是,Wookmark根据用于延迟加载的占位符图像的大小来组织图片。

您可以设置Wookmark插件的延迟并在图像加载后启动并组织它们,但这会导致页面在看似加载后重新进行多次重构。对于这个确实没有很好的解决方案,我建议让Wookmark一次只加载少量图像并使用其无限滚动功能。

如果你真的真的想要使用延迟加载,可以使用php来确定图像的高度和宽度,并将延迟加载图像的宽度和高度设置为与要加载的图像相同