提问者:小点点

如何用自定义url图像更改blogger中的所有url图像


我如何替换所有的url图像在Blogger。示例bp1.blogspot.com/image.jpg我想使用javascript或jquery将其更改为cdn.staticly.io/img/bp1.blogspot.com/image.jpg?format=webp

我不能一张一张地改变那些图片...有很多感谢


共1个答案

匿名用户

这里有一些方法,假设您必须在客户端上处理您的图像

丑陋(加载初始图像,然后加载其他图像)

null

window.addEventListener("load", function() {
  [...document.querySelectorAll("img[src^='https://bp1.blogspot.com']")].forEach(function(img) {
    let src = img.src;
    img.src = "https: //cdn.staticly.io/img/"+ src + "?format=webp";
  })
})
<img src="https://bp1.blogspot.com/image1.jpg" /><br/>
<img src="divider.jpg" />
<img src="https://bp1.blogspot.com/image2.jpg" /><br/>
<img src="https://bp1.blogspot.com/image3.jpg" /><br/>