zoukankan
html css js c++ java
<转>javascript实现图片的等比缩放
function
resizeimg(ImgD,iwidth,iheight)
{
var
image
=
new
Image();
image.src
=
ImgD.src;
if
(image.width
>
0
&&
image.height
>
0
)
{
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;
}
ImgD.style.cursor
=
"
pointer
"
;
//
改变鼠标指针
ImgD.onclick
=
function
()
{ window.open(
this
.src);}
//
点击打开大图片
if
(navigator.userAgent.toLowerCase().indexOf(
"
ie
"
)
>
-
1
)
{
//
判断浏览器,如果是IE
ImgD.title
=
"
请使用鼠标滚轮缩放图片,点击图片可在新窗口打开
"
;
ImgD.onmousewheel
=
function
img_zoom()
//
滚轮缩放
{
var
zoom
=
parseInt(
this
.style.zoom,
10
)
||
100
;
zoom
+=
event.wheelDelta
/
12
;
if
(zoom
>
0
)
this
.style.zoom
=
zoom
+
"
%
"
;
return
false
;
}
}
else
{
//
如果不是IE
ImgD.title
=
"
点击图片可在新窗口打开
"
;
}
}
}
在需要实现等比缩放的图片上加上onload语句,图片装载时初始化大小。
具体实现代码如下:
<
img
name
=""
src
=""
onload
="javascript:resizeimg(this,100,200)"
>
查看全文
相关阅读:
modelsim(2)
【管理心得之十六】我来吐槽 “面试”
【管理心得之十五】没有100%的答案,只有70%认可的答案
【管理心得之十四】团队中的“短板”,是你?还是他?
【管理心得之十三】真正步入轨道的管理,是单调无味的、是枯燥死板的
【管理心得之十二】拿什么来拯救你我的“协力人员” (后篇)
【管理心得之十一】拿什么来拯救你我的“协力人员” (前篇)
【管理心得之十】你是信息的发送方,应尽的责任你做到了吗?
【管理心得之九】奉劝那些把组织“玩弄于鼓掌之间”的OL们。(别让组织看见此篇)
【管理心得之八】通过现象看本质,小王和小张谁更胜任?
原文地址:https://www.cnblogs.com/symbol441/p/979136.html
最新文章
IE9的css hack
win7 web开发遇到的问题-由于权限不足而无法读取配置文件,无法访问请求的页面
seajs 使用 jquery插件
Hex和Bin文件格式区别
嵌入式文件系统:NTFS和EXFAT比较
makefile的10个关键知识点
main函数执行之前都干啥了----C/C++运行时库剖析
存储名词科普
嵌入式:节省内存的软件设计技巧
由三行代码串讲嵌入式知识点
热门文章
以嵌入式系统设计师考试成绩,开始嵌入式博客之旅
NTFS u盘支持
modelsim(3)
网络存储技术(3) based on zt
网络存储技术介绍(2) ( based on zt)
网络存储技术介绍(1) ( based on zt)
vi 使用
tcl使用笔记
正则表达式
VHDL 学习
Copyright © 2011-2022 走看看