javascript - 更改缩略图后更改缩略图大小

Question

这可能有点傻，但是，使用我现在拥有的代码，我可以即时编辑未剧透的图片，以便将它们的缩略图更改为剧透缩略图。

$("[src='path/to/original/thumbnail.jpg']").attr('src', "/static/spoiler.png")

但是，新的缩略图保留了原始缩略图的大小，除非它的大小正确，否则我的扰流图看起来非常奇怪。

更改为扰流图后如何设置缩略图大小？

宽度需要为 94px，高度需要为 128px，以供记录。

Answer 1

取决于图像最初如何获得其高度和宽度。如果通过 css，则只需使用 JQuery 的“.css()”方法更改高度和宽度：

$("[src='/static/spoiler.png']").css('width', '94px').css('height': '128px');

或者，如果通过属性设置高度和宽度：

$("[src='/static/spoiler.png']").attr('width', "94px").attr('height', "128px")

Answer 2

不要将src设置为属性，直接设置属性：

$("[src='path/to/original/thumbnail.jpg']").each(function(){
    this.src = "/static/spoiler.png";
});