html页面图片自动缩放比例,html 图片按比例缩放

声明：本文章摘自网上一位友人的，但由于意外，网页被关闭，没有及时记录他的信息，如有发现原作者，请告知，本人尽快将原作者以及原文章地址补充进来

.thumbnail{overflow:hidden;width:400px;height:240px;}

$(function(){

/* 图片不完全按比例自动缩小 by zwwooooo */

$('#content div.thumbnail img').each(function(){

var x = 400; //填入目标图片宽度

var y = 240; //填入目标图片高度

var w=$(this).width(), h=$(this).height();//获取图片宽度、高度

if (w > x) { //图片宽度大于目标宽度时

var w_original=w, h_original=h;

h = h * (x / w); //根据目标宽度按比例算出高度

w = x; //宽度等于预定宽度

if (h < y) { //如果按比例缩小后的高度小于预定高度时

w = w_original * (y / h_original); //按目标高度重新计算宽度

h = y; //高度等于预定高度

}

$(this).attr({width:w,height:h});

});

html页面图片自动缩放比例,html 图片按比例缩放相关推荐

php 改变图片的宽高,php缩放图片(根据宽高的等比例缩放)示例
php缩放图片(根据宽高的等比例缩放)示例发布于 2014-12-07 08:53:31 | 149 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hyperte ...
[原创] 图片操作的类(ImageLibrary)-按比例缩放图片
[原创] 图片操作的类(ImageLibrary)-按比例缩放图片 http://www.vjsdn.com/bbs/bbsTopicDetails.aspx?pid=241 转载于:https:// ...
html5+实现图片自动切换,js图片自动切换效果处理代码
var curIndex=0; //时间间隔单位毫秒 var timeInterval=1000; var arr=new Array(); arr[0]="1.jpg"; ar ...
html 图片自动大小,css图片自适应_用css让图片自动适应大小
摘要腾兴网为您分享:用css让图片自动适应大小,政务易,悦读小说,优学堂,悟空识字等软件知识,以及小伴龙,水彩笔刷,昕薇,八门,暴雪战网app,我的世界启动器,中税网继续教育,湖南文交所,我的世界头 ...
UIImageView圆角，自适应图片宽高比例,图片拉伸,缩放比例和图片缩微图
/* 设置圆角,通过layer中的cornerRadius和masksToBounds即可. 自适应图片宽高比例.通过UIViewContentModeScaleAsp ...
等比例缩放html5页面,css中如何做到容器按比例缩放
本文作者:IMWeb 结一未经同意,禁止转载在说容易按比例缩放前,我们先说下图片按比例缩放. 对于图片,默认只设置图片的一个宽或高,那么另一个值就会按照图片真实比例缩放,如 .demo1{ wid ...
如何让图片自动旋转html5,图片旋转特效纯HTML5+CSS3制作图片旋转
transform的四个属性: ①旋转--->rotate(参数a),单位deg,表示旋转角度,正数顺时针,负数逆时针. ②缩放--->scale(参数a),单位1,也就是"没有 ...
html图片自动适应盒子,图片尺寸自动适应div（div控制图片大小自适应）
全部代码: htmlPUBLIC"-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/D ...
php图片自动裁剪工具,php图片自动裁剪工具，解决图片变形问题，缩略图问题
class ImageCut { public $path = ''; public $key = ''; public function __construct() { } public funct ...

html页面图片自动缩放比例,html 图片按比例缩放

html页面图片自动缩放比例,html 图片按比例缩放相关推荐

最新文章

热门文章