Question

以下脚本适用于页面上已有的帖子。但是，当我点击加载更多帖子时，添加到页面的新帖子不会更改图片来源，因此模糊不清。

有没有办法循环遍历所有图像并更改它的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);

Answer 1

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

如果您的按钮如下所示：

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

把它放在它之前所以看起来像这样：

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

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

循环显示所有图像并更改大小？

1 个答案: