更改缩略图后更改缩略图的大小

时间:2013-06-18 04:42:14

标签: javascript jquery

然而,这可能是愚蠢的,我现在的代码,我可以动态编辑非破坏的图片,以便他们的缩略图更改为剧透缩略图。

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

然而,新的缩略图保留了原始缩略图的大小,我的剧透图像看起来非常奇怪,除非它的大小正确。

如何在更改为剧透图像后设置缩略图大小?

宽度需要为94px,高度需要为128px,用于记录。

2 个答案:

答案 0 :(得分:1)

取决于图像最初的高度和宽度。如果通过css,那么只需使用JQuery的“.css()”方法更改高度和宽度:

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

或者,如果通过属性设置高度和宽度:

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

答案 1 :(得分:0)

不要将src设置为属性,直接设置属性:

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