当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js 图片缩放(按比例)控制代码

Javascript
js实现图片显示局部,鼠标经过显示全部的效果
Javascript 更新 JavaScript 数组的 uniq 方法
JavaScript 数组的 uniq 方法
js菜单代码js菜单特效代码
用dom+xhtml+css制作的一个相册效果代码打包下载
Javascript优化技巧(文件瘦身篇)
ImageFlow可鼠标控制图片滚动
js实现form自动完成功能
js 生成随机汉字的问题
一个js封装的不错的选项卡效果代码
setInterval 和 setTimeout会产生内存溢出
setAttribute 与 class冲突解决
window.addeventjs事件驱动函数集合addEvent等
javascript replace方法与正则表达式
js 替换
javascript下利用for( in )语句 获得所有事件名称的代码
javascript下用for( in )语句 获得所有style 内容的脚本代码
javascript下for( in )语句 获得所有style 的【scrollbar】滚动条样式内容
javascript创建数组的最简代码
中国象棋js代码,仅演示,未能真下

Javascript 中的 js 图片缩放(按比例)控制代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 404 ::
收藏到网摘: n/a

js 图片缩放(按比例)实现代码。 缩放代码:
复制代码 代码如下:

缩放代码:
<script type="text/javascript">
//图片按比例缩放
var flag = false;
function DrawImage(ImgD, iwidth, iheight) {
//参数(图片,允许的宽度,允许的高度)
var image = new Image();
image.src = ImgD.src;
if (image.width > 0 && image.height > 0) {
flag = true;
if (image.width / image.height >= iwidth / iheight) {
if (image.width > iwidth) {
ImgD.width = iwidth;
ImgD.height = (image.height * iwidth) / image.width;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
ImgD.alt = image.width + "×" + image.height;
}
else {
if (image.height > iheight) {
ImgD.height = iheight;
ImgD.width = (image.width * iheight) / image.height;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
}
ImgD.alt = image.width + "×" + image.height;
}
}
}
</script>
页面代码:
<img onload="javascript:DrawImage(this,89,63)" src="/upload/tech/20091012/20091012095413_55a7cf9c71f1c9c495413f934dd1a158.gif" width="89" height="63" border="0" />
觉得不错的发个言!

页面代码:
1. <img onload="javascript:DrawImage(this,89,63)" src="http://www.baidu.com/img/baidu_logo.gif" width="89" height="63" border="0" />
觉得不错的发个言!