javascript修改图片，js修改img src

JS实现点击一个按钮更换图片

首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。在index.html中的标签，输入js代码：$(img).attr(src， https：//)；。

更改图片有两个办法 第一个是将所有图片加载，但是只显示一张图片，其余的隐藏，每点击一次，将当前的隐藏，下一个显示。

如图，获取img，转成JS对象，加个[0]就可以转js对象了。然后设定经过事件，切换成另一张图片，这样就产生鼠标经过切换图片的效果了。

idx]； // 测试 alert(this.src)； }；}； 上面代码只用了一个 img，点击更换地址。

最好的方式是把图片处理一下作为ul的背景图，通过点击li获取索引值来改变ul的背景图片位置；不能上传附件了。还是上代码吧。

相关问答

Q1: 求用JavaScript实现点击按钮更换不同的图片

1、正确的方法是让图片元素的id是img1，然后 document.getElementById(img1).src = ..\images/DTJPG这样进行赋值。document.getElementById(img1)这一步的作用就是选择图片元素。

2、idx]； // 测试 alert(this.src)； }；}； 上面代码只用了一个 img，点击更换地址。

3、) { no ^= 1；(body).css(background-image， url( + arr[no] + ))；} 浏览器运行index.html页面，此时显示出了其中1张背景图片。再点击“点击更换”按钮，此时背景图片又被更换到另一张。

4、第一个是将所有图片加载，但是只显示一张图片，其余的隐藏，每点击一次，将当前的隐藏，下一个显示。

Q2: 怎样用javascript实现图片定时切换

如何用javascript实现图片定时切换 思路：使用javascript定时器函数setTimeout()以一定的毫秒间隔执行动作，在执行的动作中循环替换图片的src属性。

思路：使用javascript定时器函数setTimeout()以一定的毫秒间隔执行动作，在执行的动作中循环替换图片的src属性。

duration=delay/1000//设置转换完成所用的时间为delay/1000秒 //用这个方法实现左右互换擦除的效果 motion={reverse：’forward’，forward：’reverse’}[motion]obj.src=url //设置图片的路径 play() //开始转换。

等等，先将其隐藏，利用定时器来循环让其中一个显示。另外动态生成链接，订阅这些链接的mouseover和mouseout事件，当鼠标移上时停止定时器，移开再启动定时器，另外点击时切换到对应的div即可。具体完整例子已发你邮箱。

Q3: 请问我要如何修改这个javascript特效图片大小和位置?被采纳再追加50...

可以通过cover和contain来对图片进行伸缩。

用js，先是一个小图片（缩略图），onMouseOver时触发js写的Function，当然Function中是处理方法。这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找。

先在要打开的网页上加弹出窗口，然后把这个网页关闭 弹出窗口的设置。

这里面用到的技术：ajax，div层的概念，javascript的第三方特效库 div层的概念：类似于一个容器，能够容纳图片等。

将程序中的src改为自己图片的路径就可以了。 如何把屏幕上看到的网页存储成图像文件？ 打开一个IE的浏览器的功能，进入到一个网页的页面上，在左上角的位置，点击“文件”选项的功能。

tekla按住滑鼠滚轮不能移动图，也没有变成小手的形状，请问怎么回事？ 中键坏了 TEKLA中键非常容易坏 我的滑鼠在3DMAX的修改栏显示的是手的形状，不是箭头形状。怎么回事？谢谢。

javascript修改图片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js修改img src、javascript修改图片的信息别忘了在本站进行查找喔。