如何用js控制img中src图片路径改变

下边是一列小图片（src图片路径是动态生成的）上边有一个div，鼠标移到下边的任意一个小图片上边的div中显示小图片的放大图！

推荐答案推荐于2018-02-27

<html>
<head>
<title>TestImgHtml</title>
<script>
function changeImg(url)
{
var bigimg = document.getElementById("myimg");
bigimg.src=url;
}
function changeBack()
{
var bigimg = document.getElementById("myimg");
bigimg.src="";
}
</script>
</head>
<body>
<div><img id="myimg" src="" alter="此处为大图片" width="500" height="500"></div>
<div>
<img src="1.gif" onmouseover="changeImg(this.src)" onmouseout="changeBack()">
<img src="2.gif" onmouseover="changeImg(this.src)" onmouseout="changeBack()">
</div>
</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/ff62X60SX.html

其他回答

第1个回答 2011-02-20

代码懒得给你写了，给你个思路，就是当下面小图的onmouseover事件触发时，将小图的SRC复制到上面的DIV的img的SRC中，同时给上面的大图的宽度和高度设置好，如果你的小图和大图是两张图片那么最好有个对应规则根据对应规则设置上面的大图路径

第2个回答 2011-02-20

HTML>
<HEAD>
<SCRIPT>

function getImageDimension (imgURL, loadHandler) {
var img = new Image();
img.onload = loadHandler;
img.src = imgURL;
}
function showImageDimensions () {
if(this.width>200 && this.height>100) {
alert(this.width + 'x' + this.height+"\n"+"5");
} else {
alert("taixiao");
}

}
</SCRIPT>
<SCRIPT>
function checkImageDimensions (fileName) {
var imgURL = 'file:///' + fileName;

getImageDimension(imgURL, showImageDimensions);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
<INPUT TYPE="file" NAME="fileName">
<BR>
<INPUT TYPE="button" VALUE="check image dimensions"
ONCLICK="checkImageDimensions(this.form.fileName.value)">
</FORM>
</BODY>
</HTML>

相似回答

如何用js控制img中src图片路径改变答：代码如下，我放置图片的位置改成你自己的图片位置即可。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text...

怎样用JS动态的改变img标签里面的src属性实现图片的循环切换。_百度知 ...答：js:根据循环切换条件可以用document.getElementById("").src=""设置，或者juqery:("#id").attr("src","图片名称");

大家正在搜

img src图片路径怎么写 img标签中src路径问题 js改img中src img标签相对路径和绝对路径 img src图片不显示 img标签使用绝对路径 img标签的src引入本地照片 img路径 img标签绝对路径