开始了,插件之旅。

/*
*** 重设指定对角的大小
*/
(
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);

 

posted on 2011-01-28 15:05  murain  阅读(222)  评论(0编辑  收藏  举报