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

Question

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

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

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

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

Answer 1

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