开始了,插件之旅。
/*
*** 重设指定对角的大小
*/
(function($){
$.fn.extend({
//将可选择的变量传递给方法
resize: function(options) {
//设置默认值并用逗号隔开
var defaults = {
maxWidth : 200,
maxHeight : 100
}
var options = $.extend(defaults, options);
return this.each(function() {
var o = options;
objImgs = $(this).find("img");
for( i =0;i<objImgs.length;i++) {
destObj = $(objImgs[i]);
//注意,简单的直接的易懂的代码才是好代码,确实有精简的很艺术化的代码,但不要轻易使用。
oldWidth = destObj.attr("width");
oldHeight= destObj.attr("height");
rate = oldWidth/oldHeight;
if(destObj.attr("width") > o.maxWidth) { //如果宽超限,重置宽
destObj.css("width",o.maxWidth+"px");
destHeight = o.maxWidth/rate;
destObj.css("height",destHeight+"px");
}
oldWidth = destObj.attr("width");
oldHeight= destObj.attr("height");
if(destObj.attr("height") > o.maxHeight) {
destObj.css("height",o.maxHeight+"px");
destWidth = o.maxHeight*rate;
destObj.css("width",destWidth+"px");
}
}
});
}
});
})(jQuery);