利用jQThumb – jQuery缩略图插件，将网页列表内的图片等比例缩放

　　苏州 网站建设在制作网页的时候，会将 网页设计师精心设计的效果图切成网页代码，但是每每遇到将整个 网站制作完成了过后，给客户添加完资料，都会发现图片都变形了。想要给网页中所有的图片都创建相同尺寸的缩略图并不是一件容易的事，但如果将图片尺寸告诉给客户，让他们下次上传缩略图的时候，都按照网页上图片尺寸来作图，这往往不是一件现实的事情。毕竟不是每个客户都有大把时间来一个个处理。当然，若果有个相当强大的后台程序或者是靠谱的软件，那也是能省事不少。不过，手里现有的后台程序没有这种功能，所有苏州 网站建设在网上找了一个很不错的jQThumb – jQuery缩略图插件，它能够很方便的制作指定的尺寸的缩略图。

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

$(function(){
	$('.pic').each(function(index, element) {
		// console.log(element);
		// var picDiv = $(this).find('.pic');
		var picDiv = $(this),
			getWidth = picDiv.width(),
			getHeight = picDiv.height(),
			bgSize = 'cover';
		if($(this).hasClass('contain')){
			bgSize = 'contain';
		}

		$(this).find('img').jqthumb({
			width: getWidth,
			height: getHeight,
			after: function(imgObj){
			    imgObj.css('opacity', 0).animate({opacity: 1}, 2000);
			}
		});
	});
});