javascript 中动态改变图片的问题
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/l...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
var img_idx=0;
var img_list=new Array("imgs\IMG_1.jpg","imgs\IMG_2.jpg");
function next_img(){
img_idx++;
img_idx%=2;
return img_list[img_idx];
}
</script>
</head>
<body>
<img src="imgs\IMG_1.jpg" onmouseover="this.src=next_img()" width="250px" height="180px">
</body>
</html>
代码就像上面那样,但是只能显示第一张图片,当鼠标移到图片上下一张图片却显示不出来..右键显示图片也不行.. 展开
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
var img_idx=0;
var img_list=new Array("imgs\IMG_1.jpg","imgs\IMG_2.jpg");
function next_img(){
img_idx++;
img_idx%=2;
return img_list[img_idx];
}
</script>
</head>
<body>
<img src="imgs\IMG_1.jpg" onmouseover="this.src=next_img()" width="250px" height="180px">
</body>
</html>
代码就像上面那样,但是只能显示第一张图片,当鼠标移到图片上下一张图片却显示不出来..右键显示图片也不行.. 展开
2个回答
展开全部
不可以使用this.src。因为虽然是指当前对象。但是它并不是img对象。你可以把它当做object对象。所以它并没有src这个属性.
还有就是。你说你能看到第一张图片是真的么。你的图片路径怎么是imgs\IMG_1.jpg而为什么不是imgs/IMG_1.jpg呢？
改成下面的代码试试:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
var img_idx=0;
var img_list=new Array("imgs/IMG_1.jpg","imgs/IMG_2.jpg");
function next_img(img){
img_idx++;
document.getElementById(img.id).src=img_list[img_idx];
}
</script>
</head>
<body>
<img id="showimg" src="imgs/IMG_1.jpg" onmouseover="next_img(this)" width="250px" height="180px"/>
</body>
</html>
还有就是。你说你能看到第一张图片是真的么。你的图片路径怎么是imgs\IMG_1.jpg而为什么不是imgs/IMG_1.jpg呢？
改成下面的代码试试:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
var img_idx=0;
var img_list=new Array("imgs/IMG_1.jpg","imgs/IMG_2.jpg");
function next_img(img){
img_idx++;
document.getElementById(img.id).src=img_list[img_idx];
}
</script>
</head>
<body>
<img id="showimg" src="imgs/IMG_1.jpg" onmouseover="next_img(this)" width="250px" height="180px"/>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果我没猜错：
改这句为这样：
var img_list=new Array("imgs/IMG_1.jpg","imgs/IMG_2.jpg");
改这句为这样：
var img_list=new Array("imgs/IMG_1.jpg","imgs/IMG_2.jpg");
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
