网页设计中用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、无预加载效果
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载，登录后可获得更多便利功能，若未注册，请先注册。
三、如果服务器暂不能下载请稍后重试！总是不能下载，请点我报错 ,谢谢合作！
四、本站大部分资源是网上搜集或私下交流学习之用，任何涉及商业盈利目的均不得使用，否则产生的一切后果将由您自己承担！本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益，请速与我们联系，我们将尽快处理.
五、如有其他问题，请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源，请注明转载来自并附带链接
七、本站部分资源为加密压缩文件，统一解压密码为：www.aizhanzhe.com
大家评论
站长推荐
