首先,我给图片定义了一个事件,通过单击图片改变图片的途径,你可以根据你的需要来定义事件,图片后面的值应该是你要传的参数吧!
代码如下所示:
<html>
<head>
<title></title>
<style type="text/css">
div{
width:200px
height:200px
}
</style>
</head>
<body>
<div >
<img id="images" src="2.jpg" border="0">
</div>
<script type="text/javascript">
var string = "12345"
var oDiv = document.getElementById("images")
oDiv.onclick = function () {
oDiv.src = "2.jpg?" + string
}
</script>
</body>
</html>
结果如下所示:开始前图片路径如下图
单击以后图片路径为:
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。
2、在index.html中的<script>标签,输入js代码:$('img').attr('src', 'https://www.baidu.com/img/bd_logo1.png')。
3、浏览器运行index.html页面,此时网页上的所有图片都被替换成了指定的图片。
// 如果一开始就有// pics1 = [ {img src 这一句的话,那本地图片就用
pics1 = [ { img : 'D:\\images\a.jpg' , link : '#' , time:5000 } ]
// 如果一开始没有,是你自己加的,那就用下面这句
pics1 = [ { url : 'D:\\images\a.jpg' , link : '#' , time:5000 } ]
// 其中,url 是图片的路径,link 是该图片的 a 链接
// <a href="这里就是link"><img src="这里就是 url" /></a>