Question

我正在设计一个自动完成搜索，其中包含结果中的文本和图像（工作正常）。但是，由于标准图像缓存，我的图像模糊。所以我想知道是否可以在javascript中调整图像大小以使它们看起来整洁小巧？

以下是我使用img标签的javascript。

有人可以帮助我吗？谢谢。

.data('autocomplete')._renderItem = function(ul, item) {
   return $('<li>')
   .data('item.autocomplete', item)
   .append("<a>"+"<img src ='/account/"+item.id+"/icon/preview'/>" + item.label+"</a>")
   .appendTo(ul);

Answer 1

只需为您的图片代码添加CSS属性，或通过

等脚本进行更改

image.style.width='50%';
image.style.height='auto';

通过这样做，您可以保持图像的分辨率。所以它不会失去它的质量。

Answer 2

我希望这段代码可以帮到你，这里我使用了带内联样式的jquery UI

$.ui.autocomplete.prototype._renderItem = function(ul, item) {
return $("<li></li>")
.data("item.autocomplete", item)
.append("<a><img src='/account/"+item.id + "/icon/preview' style='position:relative; top:30px;width:50px;height:50px;' />"+item.label+ "</a>").appendTo( ul );
};}

用于自动完成搜索的img标签

2 个答案: