如何定义图像的大小,如宽度和高度,这是从服务器加载
how to define the size of image like width and height which is loaded from the server
我已经成功地从服务器加载图像并将其显示到div元素,但我想调整图像的大小,因为它是大的。我怎么能做到呢?这是我从服务器加载图像的代码。
var img = $("<img />").attr('src', url)
.load(function() {
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
alert('broken image!');
} else {
$("#image").append(img);
}
});
可以使用width()
和height()
的getter和setter
var xDimension=150;
$(img).load(function(){
// put your logic here
}).width(xDimension).height(xDimension);
在css文件中添加如下样式:
#image img{width: your width; height: your height;}
相关文章:
- 不加载宽度和高度的角度pintura
- 如何获取内部动态加载图像的元素的高度
- 多个页面 iframe,高度加载
- 加载新内容时调整iframe的高度
- 动态iframe高度-似乎需要重新加载页面
- 如何获取离子对话框中动态加载的元素的元素高度
- 使用 Jquery 加载页面时的高度宽度问题
- 根据滚动方向和高度加载和删除内容页面
- 如何在加载 html 后获取容器高度
- 如何防止在 Safari 中使用 javascript 设置高度后在页面加载时运行过渡
- 页面加载期间 IE 中没有图像的高度和宽度
- 在 Chrome 中加载外部 SVG 时获取外部 SVG 的正确客户端高度
- 如何调整从其他用户加载的图像的大小,以便保持尺寸,同时使用 css 设置最大宽度和高度?(HTML/JS/CSS)
- 如何从加载中保存图像宽度和高度
- 加载 HTML 网站时,安卓上的窗口高度错误
- 如何在页面加载后使一个部分 100vh 高度变成像素
- 使用 jQuery 通过查询浏览器的宽度和高度来加载选择性 CSS
- javascript加载的img仍然有0高度
- 如何根据浏览器的高度加载图像
- 如何获得一些元素的实际宽度/高度加载后,其宽度/高度最初设置百分比