循环遍历所有图像并更改大小？答案

【问题标题】：Loop through all images and change size?循环遍历所有图像并更改大小？
【发布时间】：2014-09-04 23:16:48
【问题描述】：

下面的脚本适用于页面上已经存在的帖子。但是，当我点击加载更多帖子时，添加到页面的新帖子不会更改图像的来源，因此它们会变得模糊。

有没有办法遍历所有图像并更改它的src，即使是那些没有显示的？

function resizeThumb(size) {
    var popularPost = document.getElementById('Blog1');
    var image = popularPost.getElementsByTagName('img');
    for (var i = 0; i < image.length; i++) {
        image[i].src = image[i].src.replace(/\/s72\-c/g, "\/s" + size + "-c");
        image[i].width = size;
        image[i].height = size;
    }
}
// Resize to 200 × 200
resizeThumb(200);

【问题讨论】：

请再次复制/粘贴您的代码，它搞砸了。您是否在文字处理器中编写代码？
完成后，从加载更多帖子中再次调用该函数。
新图像如何添加到页面中？你控制这个过程吗？

标签： javascript thumbnails blogger

【解决方案1】：

是的。基本上找到加载更多的按钮，找到它的名字。

如果您的按钮如下所示：

 <a href="javascript:loadmore();"> Load more </a>

把它放在它前面，使它看起来像这样：

 <span onclick="resizeThumb(200); "> 
      <a href="javascript:loadmore();"> Load more </a>
 </span>

这是最糟糕的解决方案，但问题也很糟糕。

【讨论】：

第一次加载的时候图片还是模糊的。第二次点击会触发已经加载的图片的功能，但是新加载的图片是模糊的等等。