ImageFit一个简单的、轻量级的jquery插件,它可使图片缩放或挣满容器内居中,左对齐,右对齐。你再不用担心图片怎么样才能在DIV容器内居中了,两行代码就可以帮你解决问题。
<script src='jquery-1.10.2.min.js'></script>
<script src='jquery.imagefit.js'></script>
<script language="javascript">
$('div').imagefit({
mode: 'outside',
force : 'false',
halign : 'center',
valign : 'middle'
});
</script>
<div class="im"><img src="images/01.jpg" alt=""></div>
<div class="im"><img src="images/02.jpg" alt=""></div>
<div class="im"><img src="images/03.jpg" alt=""></div>
<div class="im"><img src="images/04.jpg" alt=""></div>
<div class="im"><img src="images/05.jpg" alt=""></div>
<div class="im"><img src="images/06.jpg" alt=""></div>
选项 | 类型 | 默认值 | 描述 |
---|---|---|---|
mode | string | 'inside' | 内部、外部定位: 'inside' or 'outside'. |
halign | string | 'center' | 水平方向定位: 'left', 'center' or 'right'. |
valign | string | 'middle' | 垂直方向定位: 'top', 'middle' or 'bottom'. |
force | bolean | true | 强制大小 |
·关于我们·免责声明·服务条款·RSS订阅·dede168.com技术支持
Copyright © 1998-2015 All rights reserved.