jqthumb是一款JQ插件,可以实现图片等比例缩放,让图片不再变形,jQThumb 兼容所有浏览器包括IE6,调用非常简单,让网站图片不再变形。
1、引入文件
<script src="js/jquery.min.js"></script> <script src="js/jqthumb.min.js"></script>
2、JavaScript
$(function(){ $('img').jqthumb(); });
属性/方法
类型 | 默认值 | 说明 | |
---|---|---|---|
classname | ‘jqthumb’ | 缩略图容器的 class | |
width | 整数 | 100 | 缩略图的宽度,单位为 px |
height | 整数 | 100 | 缩略图的高度,单位为 px |
position | {top:’50%’, left:’50%’} | 缩略图的位置,默认为 50%,即水平并且垂直居中 | |
source | 字符串 | ‘src’ | 指定图像源属性,默认为 src |
showoncomplete | 布尔值 | true | 处理后时候立即显示,如果为 false 则不自动显示,需要额外设置让它显示,比如使用回调函数 after、done |
before | 函数 | 处理前的回调函数 | |
after | 函数 | 某一个图片处理后的回调函数 | |
done | 函数 | 所有图片处理后的回调函数 |