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

Question

我正在使用 JQuery Masonry 并希望通过 wordpress 插件实现延迟加载以在图像出现在视口中时加载图像。

问题是当使用延迟加载时，砌体元素在视口之外不知道图像大小，因此没有正确间隔砌体元素。

如果没有激活延迟​​加载插件，砌体代码可以正常工作。

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

Answer 1

没有简单的方法。但是您确实有一些选项，包括使用一些服务器端编码（这里是一个php 示例）来提供尺寸（使用 ajax 之类的东西），或者使用图像加载的回调脚本来更新砌体 - 尝试由相同的图像加载插件作者。