放一段图片自定义大小调整的代码(jQuery插件)
来源:互联网 发布:js点击超链接弹出窗口 编辑:程序博客网 时间:2024/05/18 15:28
在网上搜索了一些这样的代码,都写了好多,不想用那些网上的代码,自己写了一个处理,感觉挺简单的,供大家做个参考吧:
/* jQuery resizeImage Plugin++
*
* Version 1.01
*
* create by collonn@126.com 2011-03-10
*
* Usage: $('.img').resizeImage( {'maxWidth':360, 'maxHeight':200});
*
* Defaults:
* id : the note that you binded
* maxWidth: max width
* maxHeight: max height
* isIE6: is ie6
*/
(function($) {
jQuery.fn.resizeImage = function(options){
defaults = {
id: '#' + $(this).attr('id'),
maxWidth:100,
maxHeight:100,
isIE6: $.browser.msie && parseInt($.browser.version) <= 8 ? true : false
};
jQuery.extend(defaults,options);
//取当前image的width和height
var curWidth = parseInt($(this).attr('width'));
var curHeight = parseInt($(this).attr('height'));
var pw = curWidth/defaults.maxWidth;
var ph = curHeight/defaults.maxHeight;
//以百分比大小做度量
if(pw <= 1 && ph <= 1){
return;
}
//很宽的情况
if(pw > ph){
$(this).attr({
'width': defaults.maxWidth,
'height': parseInt(curHeight * (defaults.maxWidth/curWidth))
});
}else{//很高的情况
$(this).attr({
'width': parseInt(curWidth * (defaults.maxHeight/curHeight)),
'height': defaults.maxHeight
});
}
};
})(jQuery);
- 放一段图片自定义大小调整的代码(jQuery插件)
- 代码中调整图片的大小
- 图片的大小调整
- 放一段高精度加法的代码
- 图片自动调整大小JS代码
- jquery 预览图片,鼠标放上去显示实际大小的预览图片
- 基于jquery的图片滚动插件代码
- JavaScript浏览器全屏插件和jQuery元素大小调整插件
- 全屏插件和jQuery元素大小调整插件
- 一段有用的jquery代码
- 鼠标放上去,列表菜单后移动的jquery代码--jquery插件的写法
- jQuery插件来调整表列的大小colResizable.js 拖动改变单元格宽度
- 按长宽比调整大小的图片(js)
- 批量调整word中图片的大小
- ueditor上传的图片自动调整大小
- Opencv调整运行窗口图片的大小
- Opencv调整运行窗口图片的大小
- Java如何调整图片的大小?
- const用法详解
- 关于工作中的相关问题的看法和建议 (一)JAVA小组的调整问题
- VC实现对话框置顶并获取键盘输入焦点
- Tomcat启动分析
- sysinfo函数使用方法
- 放一段图片自定义大小调整的代码(jQuery插件)
- HTTP之Post/Get请求的区别
- 颜色的作用
- epoll使用实例说明
- 其它
- 这是个好东西啊
- 实习日记->第十二天
- 呵呵
- IP Helper API (zz)