javascript设置图片大小？
各位大侠：见如下代码：<html><head><title></title><scripttype="text/javascript"language="javascri...
各位大侠：见如下代码：
<html>
<head>
<title></title>
<script type="text/javascript" language="javascript">
window.onload=function()
{
var img= document.getElementsByTagName('img');
for(var i=0;i<img.length;i++)
{
img[i].onmouseover=function()
{
check(this);
}
}
}
function check(img)
{
var imge=new Image();
imge.src=img.src;
alert(imge.width);
imge.width=300;
}
</script>
</head>
<body>
<div>
<ul>
<li><img src="1.gif" /></li>
<li><img src="2.gif" /></li>
<li><img src="3.gif" /></li>
<li><img src="4.gif" /></li>
</ul>
</div>
</body>
</html>
我要问的是为什么鼠标移动到图片上会弹出对话框显示图片宽度，但为什么大小没有变化呢？难道imge.width=300;没有作用吗？
请问这条语句var imge=new Image();
imge.src=img.src;
有什么用 展开
<html>
<head>
<title></title>
<script type="text/javascript" language="javascript">
window.onload=function()
{
var img= document.getElementsByTagName('img');
for(var i=0;i<img.length;i++)
{
img[i].onmouseover=function()
{
check(this);
}
}
}
function check(img)
{
var imge=new Image();
imge.src=img.src;
alert(imge.width);
imge.width=300;
}
</script>
</head>
<body>
<div>
<ul>
<li><img src="1.gif" /></li>
<li><img src="2.gif" /></li>
<li><img src="3.gif" /></li>
<li><img src="4.gif" /></li>
</ul>
</div>
</body>
</html>
我要问的是为什么鼠标移动到图片上会弹出对话框显示图片宽度，但为什么大小没有变化呢？难道imge.width=300;没有作用吗？
请问这条语句var imge=new Image();
imge.src=img.src;
有什么用 展开
展开全部
刚才在你另外一个帖子里面我回了一个；
你可以通过css来控制。更简单啊~只要替换当前img id的class
例如：
<img src="xxxx.gif" id="img_1" />
好像有个setclassname是吧。
你可以通过css来控制。更简单啊~只要替换当前img id的class
例如：
<img src="xxxx.gif" id="img_1" />
好像有个setclassname是吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你不应该new一个image，你设置的只是这个new的、没显示的对象的大小，下面这样就对：
function check(img)
{
alert(img.width);
img.width=300;
}
function check(img)
{
alert(img.width);
img.width=300;
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function check(img)
{
var imge=new Image();
imge.src=img.src;
alert(imge.width);
imge.width=300;
}
改写成
function check(img)
{
img.style.width=300;
}
{
var imge=new Image();
imge.src=img.src;
alert(imge.width);
imge.width=300;
}
改写成
function check(img)
{
img.style.width=300;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
imge.width=300;
==》
imge.style.width=300+"px";
==》
imge.style.width=300+"px";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
