$.fn.DrawImage = function(options) {
return this.each(function(index) {
var $this = jQuery(this);
var opts = jQuery.extend({
width:150,
height:150
}, options || {}
);
var flag=false;
if($this.width()>0 && $this.height()>0){
flag=true;
if($this.width()/$this.height()>= opts.width/opts.height){
if($this.width()>opts.width){
$this.width(opts.width);
$this.height(($this.height()*opts.width)/$this.width());
}
}else{
if($this.height()>opts.height){
$this.height(opts.height);
$this.width(($this.width()*opts.height)/$this.height());
}
}
$this.css("display","inline");
}
});
};
保存以上代码为 DrawImage.js需另外引用jquery.js
用法:
$(document).ready(function(){
$("img").DrawImage({width: 270, height: 270});
});
分享到:
相关推荐
js实现图片等比例缩放 我将网络上流传的,改成了横向居中和纵向居中,非常实用。
js等比例缩放图片,这个功能非常实用,当网页加载一个尺寸比较大的图片时,往往会把一个网页撑的变形,页面变得很难看,于是我们就想到了用JS去控制超出一定范围的图片,软件开发网以稳定页面布局,本代码段就是完成...
JavaScript实现网页图片等比例缩放 JS效果 JS效果特效 图片等比例缩放
js实现的图片等比例缩放,js实现的图片等比例缩放
图片缩放 等比例缩放 图片等比例缩放 等比例缩放JS代码 JS代码 WEB网页制作。。
主要介绍了JS图片等比例缩放方法,结合完整实例形式分析了javascript针对页面图片元素属性操作的相关技巧,需要的朋友可以参考下
js图片缩放效果制作鼠标滚动图片等比例缩放代码
按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码...
NULL 博文链接:https://vipshow.iteye.com/blog/1848912
jquery图片插件设置图片等比例缩放.rarjquery图片插件设置图片等比例缩放.rarjquery图片插件设置图片等比例缩放.rarjquery图片插件设置图片等比例缩放.rarjquery图片插件设置图片等比例缩放.rarjquery图片插件设置...
图片如果直接限制其高度或宽度,就会使图片变形,失真 这里提供按比例缩放图片解决的这个问题 js文件很小,只有0.5KB 但是这个还有其他方法,就是上传的时候按比例生产缩略图
js 图片 等比例缩放
图片等比例缩放,jQuery和js的两种图片等比例缩放效果,简单实用。
js根据自定义的宽度高度最大限之进行等比例缩放图片
图片等比例缩放 (作者:back_crying) 1、先创建一个隐藏的img对象来获取图片的实际尺寸 2、根据限制的大小反复判断,图片能够显示的最大尺寸 3、设置图片尺寸和周围的占位,避免页面变形 4、删除隐藏的img对象 (注:...
使用JS实现无组件图片等比例缩放,动态加载,使用简单。
js写的图片等比例缩放代码,可使用上传的图片,等比例缩放为规定大小,失真不明显
在WEB开发中,当指定图片的大小时,会使图片变形,用JS脚本实现图片的按比例缩放.
js等比例缩放页面图片大小 // JavaScript Document function handle_img(tagimg_name,tagimg_width,tagimg_height){ var img_object=new Image(); var get_imgs=document.getElementsByName(tagimg_name); for...
js图片缩放效果制作鼠标滚动图片等比例缩放代码