【转】[jQuery插件]图片居中裁切效果

转自《[jQuery插件]图片居中裁切效果》 

 

http://www.css88.com/archives/4202

 大家在做相册列表的时候可能会遇到这样的情况，用户上传的图片大小不一，长宽不一，然而需求的列表却是固定宽高的如图：

此脚本拟达到以下需求

1. 当图片高或宽超过父容器时截取中间部分显示。
2. 当图片宽高小于父容器时，居中显示。
3. 插件中”width”和”height”两个参数可以设定图片实际输出的宽度。
4. 可以通过样式设置图片的偏移位置，例如.themes2 li a img{ margin-top: -5px; margin-left: -5px}；
5. 第3点和第4点结合可以尽可能的解决一个问题，就是解决图片边缘模糊是造成视觉上的不爽。

demo页面：http://www.css88.com/demo/VMiddleImg/

 

转载于:https://www.cnblogs.com/CB/archive/2011/11/30/2268698.html