Wordpress 未加载所有图像时停止重新调整大小

我在Wordpress上使用的是砖石结构（和图像标记）：

<script src="http://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js"></script>

---

您可以为所有图像创建预览版本-尺寸相同，但质量大幅降低。可能上面有“加载”文本或符号

这些预览应该具有相同的带有后缀的文件名。您将有这样的图像对

image001.jpg
image001_thumb.jpg

然后，各个图像元素将自动开始加载完整版本：

<img src="image001_thumb.jpg" onload="this.src=this.src.replace('_thumb','');" />

如果您不能直接影响这样的图像元素，请将其添加到custom.ready函数中（这是一个会影响所有图像的示例，只是为了给您一个想法，您必须仅过滤掉网格内的图像）

var images=document.getElementsByTagName（'img'）；
对于（var i=0；i为了获得更好的体验，您可以尝试在图像加载后显示每个项目

请参见砌筑文件上的说明

在加载每个图像后迭代显示项目。请参阅上的说明

压缩你的图像谢谢，作为砌体本身的一部分，我还能做些什么吗？你添加了
imagesLoaded
库吗？它不包括在砌体中，你必须单独包含它。是的，它包括了500KB以上的图像可能会有很大问题，8MB对于一个web图像来说太多了。你的网站将暂停加载时，如果加载时间超过5-10秒，用户将离开。。。
<img src="image001_thumb.jpg" onload="this.src=this.src.replace('_thumb','');" />

var images = document.getElementsByTagName('img');
for(var i=0;i<images.length;i++){
 // If the image is already loaded, change it immediately
 if(images[i].naturalWidth != 0) images[i].src = images[i].src.replace('_thumb','');
 else // If not, give it an onLoad function to change after it does
 images[i].onload = function(){
  this.src = this.src.replace('_thumb','');
 }
}