html img动态设置图片大小,Js动态设置Img大小

function ResizePic() {

$(‘img‘).each(function () {

var maxWidth = 450; // 图片最大宽度

var maxHeight = 750; // 图片最大高度

var ratio = 0; // 缩放比例

var width = $(this).width(); // 图片实际宽度

var height = $(this).height(); // 图片实际高度

// 检查图片是否超宽

if (width > maxWidth) {

//计算缩放比例

ratio = maxWidth / width;

$(this).css("width", maxWidth); // 设定实际显示宽度

height = height * ratio; // 计算等比例缩放后的高度

$(this).css("height", height); // 设定等比例缩放后的高度

}

// 检查图片是否超高

if (height > maxHeight) {

ratio = maxHeight / height;

$(this).css("height", maxHeight); // 设定实际显示高度

width = width * ratio; // 计算等比例缩放后的高度

$(this).css("width", width * ratio); // 设定等比例缩放后的高度

}

});

}

原文：http://www.cnblogs.com/leon719/p/3977940.html

html img动态设置图片大小,Js动态设置Img大小相关推荐

html 设置图片左对齐,CSS设置图片的对齐
CSS设置图片的对齐横向对齐方式图片的水平对齐方式和文字的水平对齐方式基本相同,分别是左.中.右三种方式,不同的是,图片的水平对齐通常不能直接通过设置图片的text-align属性设置,而是,通过 ...
js动态生产html元素,js 动态创建 html元素
js 动态创建 html元素 js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500p ...
php设置图片透明度,wps中设置图片透明度在哪里？
方法:1.打开WPS,插入图片:2.点击"开始"中的"形状",选择与图片相同的矩形,盖住原图:3.双击图片,把"线条"的"颜色&q ...
js里设置html样式,JS 动态设置css样式
1.0 内联样式 : 通过行内样式.style 属性来编辑给定的HTMLElement的内联样式 let el = document.createElement('div') ; 01) . el. ...
html js 动态表格数据,HTML+JS动态表格
1. 设置固定列 ID日期星期 propName -- 属性名 valCalc -- 设置值时, 特定回调函数 2. 动态生成可变列这里模拟服务器获取数据 // 返回数据的格式: /* { poin ...
java 按钮设置图片_Java中如何设置带图片按钮的大小
在java部分需要用到图形界面编程的项目中,经常会使用图片设置对按钮进行美化,但是使用时会出现一个很麻烦的问题, 按照方法:JButton jb1 = new JButton(); jb1.setBo ...
python 为什么动态语言图片_聊聊动态语言那些事（Python）
动态编程语言是高级程序设计语言的一个类别,在计算机科学领域已被广泛应用.它是一类在运行时可以改变其结构的语言:例如新的函数.对象.甚至代码可以被引进,已有的函数可以被删除或是其他结构上的变化.动态语言 ...
html 设置距离左边,js怎样设置div层左边距及与顶部边距
实现原理: 首先,我们将弹出框中的内容放置在一个特殊的DIV层中,然后默认隐藏它(即初始不可见,使用CSS即可实现).当用户执行某个动作时--比如点击某个链接或者将鼠标光标移动到某个链接上--我们将 ...
jQuery动态改变图片显示大小(修改)
当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持 ...
如何将一连串图片做成动图？怎么把图片做成gif动态图？
平时我们在浏览网页或者APP的时候,经常能看到上面有一些动态的图片,这些动态图片的格式一般都是gif,最简单的gif动图一般就是由几张静态图片合并而成的,这种图其实我们自己也是可以制作的,那么应该怎么 ...

html img动态设置图片大小,Js动态设置Img大小

html img动态设置图片大小,Js动态设置Img大小相关推荐

最新文章

热门文章