/* created by hlr * des:重复定义,宽高可能会出bug * date:2015-10-20 16:46:06 * v 1.0 */ (function($){ $.fn.adpimg=function(options){ var defaults={ fillcenter:true,//拉伸时居中 innerstyle:false,//内填充,false拉伸填充 doclass:"adpimg"//自定义img容器类名,默认adpimg } var options=$.extend(defaults,options); var $adpimg=$('.'+options.doclass); $adpimg.css({"position":"relative","overflow":"hidden"}) //作用域 适用于一个div下对应一个img $adpimg.each(function(){ var $_this=$(this); var w_adpimg=$_this.width(); var h_adpimg=$_this.height(); var pro=w_adpimg/h_adpimg;//比例,大于1表示横矩形。 // console.log("容器宽高"+w_adpimg+" "+h_adpimg); var $img=$_this.find("img"); //作用域 div下每个img $img.each(function(){ var $_thisimg=$(this); var w_img=$_thisimg.width(); var h_img=$_thisimg.height(); var pro_img=w_img/h_img; // console.log("img款高:"+w_img+" "+h_img+ " "+pro_img); $_thisimg.css({"position":"absolute","left":0,"right":0,"top":0,"bottom":0,"margin":"auto"}) //判断比例,img 宽度自适应 //内填充,自适应 if(options.innerstyle){ if(propro_img){ $_thisimg.css({"height":h_adpimg,"margin":"auto","display":"block"}); // console.log("内填充:height-adapt") } }else{ //内拉伸 if(pro>pro_img){ $_thisimg.css("width",w_adpimg); $_thisimg.css("height","none"); // $_this.css("line-height",h_adpimg+"px"); // console.log("拉伸:widht-adapt") }else if(pro