图片缩放、居中——这一直是我想解决的问题。因为对于正规性的网站来说，图片都是要经过处理才上传到页面上去的，但是一般的企业或是小行业网站，编辑又怎么会去处理下图片的尺寸呢，最多也就是改一下水印。所以上传到网站上后显示出来的图片就感觉像是变了形，一点也不美观。
前不久在做一个WP模版时找了个小插件（暂且命名为VLoadedImg）我改了下，终于可以实现图片按比例缩放，并且居中显示了。但是这个小插件还是有个小问题，虽然图片没有变形，但是因为是按比例缩放到指定容器中全部显示，所以如果图片的比例与容器不一致，那上下或左右的留白就会比较多，页面中图片多的话对于正规正矩的页面来说也不是很美观。
今天无意浏览博客时，在WEB前端开发上看到了一个好的小插件——VMiddleImg，试了下感觉蛮不错的，不仅可以实现图片居中而且还可以缩放裁剪（当然不是真正意义上的裁剪，只是把不显示的隐藏起来了）。
话回来还是先说说这VMiddleImg
此脚本拟达到以下需求：
1、当图片高或宽超过父容器时截取中间部分显示。
2、当图片宽高小于父容器时，居中显示。
3、插件中”width”和”height”两个参数可以设定图片实际输出的宽度。
4、可以通过样式设置图片的偏移位置，例如.themes2 li a img{ margin-top: -5px; margin-left: -5px}；
5、第3点和第4点结合可以尽可能的解决一个问题，就是解决图片边缘模糊是造成视觉上的不爽。
不爽之处：
1、图片上要加上width和height
2、无预加载效果
演示地址：在线演示
下载地址：115下载
之前用的那个VLoadedImg也总结了下
此脚本拟达到以下需求：
1、当图片高或宽超过父容器时按比例缩放。
2、当图片小于父容器时，居中显示。
3、显示预加载效果。
不爽之处：
1、不能裁剪
演示地址：在线演示
下载地址：115下载
怎么样，有你想要的嘛？至于插件中存在的小喝下我向鸟建议下。争取做到更好。
感谢 wmtimes 的投稿
