jQuery自动缩略图插件 jqThumb

简介

这是一款根据指定大小自动设置缩略图的插件。

为一堆不同尺寸的图片创建相同尺寸的缩略图可不是件容易的事，除非有一个强大的后台程序或靠谱的软件，如果都没有或不想使用后台程序，那么可以试试 jQThumb。jQThumb 是一款基于 jQuery 的缩略图插件，它能够很方便的制作指定的尺寸的缩略图。

jQThumb 兼容所有浏览器，包括 IE6。在高级浏览器中使用背景方式实现，并设置图片的尺寸（background-size）和位置（background-position）实现居中；在 IE6 等老旧的浏览器中使用图片的方式实现，并使用绝对定位和 margin 实现居中。

[GitHub下载] [本地下载]

GitHub: https://github.com/pakcheong/jqthumb

预览

兼容性

IE6+ ✔	Chrome ✔	Firefox ✔	Opera ✔	Safari ✔

使用方法

1、引入文件

<script src="js/jquery.min.js"></script>
<script src="js/jqthumb.min.js"></script>

2、JavaScript

<script>
$(function(){
	$('.imageList li img').jqthumb({
		width: 300,
		height: 200,
		after: function(imgObj){
			imgObj.css('opacity', 0).animate({opacity: 1}, 2000);
		}
	});
});
</script>

配置

— 完 —