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

同事啄米鸟前段时间分装的一个方法，见：http://blog.dmtuan.com/?p=486，改了一下做成jQuery插件：

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

此脚本拟达到以下需求

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

demo页面：

 

声明: 本文采用 协议进行授权 |
转载请注明转自《》