图片比例缩放控制
2015-09-18 11:52
489 查看
1、html demo
<li id="recordone_<?php echo $v['share_id'];?>"> <a href="index.php?act=member_snshome&op=goodsinfo&mid=<?php echo $v['share_memberid'];?>&id=<?php echo $v['share_id'];?>" title="<?php echo $v['snsgoods_goodsname']?>" class="pic"> <img src="<?php echo cthumb($v['snsgoods_goodsimage'],240,$v['snsgoods_storeid']);?>" style="vertical-align:middle;" onload="javascript:DrawImage(this,222,222);" width="222" height="222"> </a> </li>
2、封装的js函数
//图片比例缩放控制 function DrawImage(ImgD, FitWidth, FitHeight) { var image = new Image(); image.src = ImgD.src; if (image.width > 0 && image.height > 0) { if (image.width / image.height >= FitWidth / FitHeight) { if (image.width > FitWidth) { ImgD.width = FitWidth; ImgD.height = (image.height * FitWidth) / image.width; } else { ImgD.width = image.width; ImgD.height = image.height; } } else { if (image.height > FitHeight) { ImgD.height = FitHeight; ImgD.width = (image.width * FitHeight) / image.height; } else { ImgD.width = image.width; ImgD.height = image.height; } } } }
相关文章推荐
- HDU 5441.Travel【2015 ACM/ICPC Asia Regional Changchun Online】【并查集】9月18
- 查找算法的实现 顺序和折半
- Ubuntu中Git服务器搭建
- VC下动态库DLL、静态库LIB的编写和使用方法
- STM32 IAP 在线升级详解
- Apache 负载均衡 session
- IOS单例
- ASP.NET窗体身份验证详解
- apache URL 区别大小写
- linux安装java
- 死亡通知与进程异常退出;ANR与进程重启后状态跟之前不对
- 将公用文件夹从Exchange2010迁移到Exchange 2013
- 你在人际交往方面吃过哪些亏
- 第三次作业
- [C#基础] 数据类型
- Android实现Service获取当前位置(GPS+基站)的方法
- Spring事务管理只对出现运行期异常进行回滚
- ubuntu完美搭建git服务器
- 最近常用到的Linux命令
- C++ typename 总结