需要设置一个区域来显示限制其大小的图像

Question

我正在开发一个项目，将客户推荐书显示为谷歌地图上的标记。

在SQL中使用服务器端集群并为集群或标记返回字段的json，这一切都很好用。一些推荐内容包含更丰富的内容，例如图片网址或视频网址。

我正在使用带有标签的.JS文件标记，以在每个标记下显示文字横幅，显示评级，例如五分之五，但客户为我们提供了图像，我需要显示图像。带有标签代码的标记使用CSS样式来设置文本或图像。我正在检查我的Jquery代码中的photourl，如果存在，则为标记提供正确的参数，但是，当客户提供这些图像时，它们都具有不同的维度和资源。目前的代码似乎是将照片的实际尺寸悬挂在标记上，我尝试添加最大宽度：60px;最大高度：60px;宽度：自动;身高：自动;但它没有效果。有什么方法可以使用CSS或jquery来减少这些图像的显示尺寸，保持宽高比？

我有一种感觉，我将不得不通过现有的库存，创建修改的文件并更新数据库，将每条记录指向新的路径，如果我可以代替它，我宁愿避免。一旦这个项目正在运行，将会有很大的推动力来获得更多的客户数据，我可以影响未来图像的文件保存。

基本上，我想要一些代码将图像显示为缩略图，最大尺寸大约是Windows桌面上普通图标的大小。

Answer 1

错误地使用{}而不是"..."。有一次，我把它改成了：

style = 
         "max-width: 120px;
          max-height: 120px;
          width: auto;
          height: auto;
         "
not style =
             {
                max-width: 120px;
                max-height: 120px;
                width: auto;
                height: auto;
            }

它按照我的意愿运作。