会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Do the Right Thing Right.
<转>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)"
>
posted on
2007-12-01 09:21
西门潇洒
阅读(
742
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
导航
管理
公告