用JS将图片链接从 <img src="xximg.jpg"> 改为 <img src="xx

JavaScript08

用JS将图片链接从 <img src="xximg.jpg"> 改为 <img src="xx,第1张

首先,我给图片定义了一个事件,通过单击图片改变图片的途径,你可以根据你的需要来定义事件,图片后面的值应该是你要传的参数吧!

代码如下所示:

<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>