用setAtrribute()方法
举个例子
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="1.jpg" alt="">
<script>
var img = document.getElementsByTagName("img")[0]
//设置图片路径
img.setAttribute("src","2.jpg")
</script>
</body>
</html>
可以使用jQuery将图片的绝对地址,传入<img>图片标签中,设置它的src的值为图片地址。
jsp测试代码如下:
<body><img id=“ img_id" width="128" height="128" />
</body>
js测试代码如下:
$("#img_id").attr("src",")
以上测试代码,通过JQuery修改id为img_id的图片标签,引用图片src为图片绝对路径。
<script language="javascript">var i=1
function changeImg()
{
i++
if(i>7)
{
i=1
}
document.getElementById("myPic").src= "../img/"+ i + ".jpg"
setTimeout("changeImg()",2500)
}
</script>
注意:此处是定时切换图片,设置的一共有7张,切换时,需在html段中将第一张加载进去,如:
<body onload="changeImg()">
<p align="center">
<img src="../img/1.jpg" id="myPic" width="400" height="300" />
</p>
</body>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)