图片适应DIV大小用jquery的imagefit实现左右居中上下居中内部适应外部适应

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.