使用jqthumb.js插件制作缩略图
益源
1.下载地址
https://github.com/pakcheong/jqthumb
注：jqthumb.js文件保存在\jqthumb-master\dist文件夹里
2.使用案例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>缩略图</title>
</head>
<body>
<img src="1560955534367964.jpg" id="testimg" />
</body>
</html>
<script type="text/javascript" src="../../php_bbs/bootstrap-3.3.7-dist/js/jquery-3.3.1.min.js" ></script>
<script src="jqthumb.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$("#testimg").jqthumb({
classname: 'jqthumb', // 生成缩略图的 div 类名. 默认是 jqthumb
width: '100px', // 剪裁后新图片的宽度. 默认是 100px.
height: '100px', // 剪裁后新图片的高度. 默认是 100px.
source: 'src', // 图像资源的属性. 默认 src.
show: true, // TRUE = 处理后立即显示. FALSE = do not sh
类似资料：