在加载图像之前获取图像大小

时间:2013-07-15 22:19:35

标签: javascript jquery lazy-loading jquery-masonry image-size

我正在使用JQuery Masonry并希望通过wordpress插件实现Lazy Load,以便在视口出现时加载图像。

问题在于,当使用延迟加载时,砌体元素在视口外部时不知道图像大小,因此不能正确地间隔砌体元素。

如果没有激活Lazy Load插件,则砌体代码可以正常工作。

是否有任何方法可以在加载图像之前通过jQuery获取图像尺寸,并在图像的占位符中设置这些尺寸 - >这基本上意味着在创建砌体容器时将高度和宽度设置为图像占位符元素。

1 个答案:

答案 0 :(得分:2)

没有简单的方法。但你确实有一些选项,包括使用一些服务器端编码(这里是php example)来提供维度(使用类似ajax的东西),或使用图像加载的回调脚本来更新砌体 - 试试{{3由同一作者编写的插件。