【JavaScript】修改图片src属性切换图片

今天做项目时其中一个环节需要用到js修改图片src属性切换图片，现在来记录一下

以下是示例：

html

<img src="/before.jpg" id="img" />

JavaScript

document.getElementById("img").src="/after.jpg";

如此就能把id为"img"的src改成自己想要改变的图片

转载于:https://www.cnblogs.com/BearLee/p/7879499.html

【JavaScript】修改图片src属性切换图片相关推荐

java 图片刷新页面_js修改img的src属性刷新图片时的图片缓存问题
问题:上传一张图片,通过js更新src属性刷新图片使其即时显示时, 当img的src当前的url与上次地址无变化时(只更改图片,名称不变,不同图片名称相同)图片不变化(仍显示原来的图片) 但通过fir ...
网页中通过js修改img的src属性刷新图片时，图片缓存问题现象表述及问题解决
问题:上传一张图片,通过js更新src属性刷新图片使其即时显示时, 当img的src当前的url与上次地址无变化时(只更改图片,名称不变,不同图片名称相同)图片不变化(仍显示原来的图片) 但通过fir ...
dw html5中怎么设置图片自动切换,DW制作九宫格全屏亮灯轮播图片且自动切换图片教程...
本文介绍的是利用DW制作九宫格全屏亮灯轮播图片并且可以自动切换图片,而且点击图片时还会亮灯,推荐过来,大家一起来学习吧! 软件名称:Adobe Dreamweaver CS3 官方中文安装版软件大小: ...
Vue 动态绑定图片 src 属性闪屏白屏无内容显示 BUG 小记
问题描述: 使用 Vue 渲染数据时,遇到了如下神奇一幕,bug 原因非常简单,但结果却让人摸不着头脑,特此记录,以备日后查看! 如上图,刷新页面时,内容一闪而过,随后一直白屏,无任何内容显示,特将问 ...
android+放大缩小图片+有jar嘛,Android相册支持点击放大图片，滑动切换图片，手势放大缩小...
[实例简介] 项目使用了开源框架Universal-Image-Loader 显示本地图库所有照片点击放大,单击退出双击放大缩小支持左右滑动查看图片支持手势放大缩小图片 [实例截图] [核心代 ...
js 高德地图，地图上落点，并点击地图上的图片可进行切换图片
function markerMap(res) {//清空数组markerslist = [];//初始化地图插件var maps = new AMap.Map("informationBo ...
img src请求后台值值能判断_图片src拼接后台返回ID
本文地址:http://www.cnblogs.com/veinyin/p/8507403.html 在学习 CSS 时只了解了给固定地址,但是如果给的是一个需要拼接的地址就蒙了,以下是基于 Vue ...
CSS魔幻属性之图片间隙问题
最近看到一篇CSS魔幻属性的文章,感触很深,不过我想,与技巧相比,有些常见css布局难题,有时候更加让我们的日常开发变得踌躇沮丧吧. 为什么此处li标签内的p元素看起来独自撑开了一行这是我在segm ...
JQuery效果——如何切换图片颜色
1.jquery代码: $(function () {///鼠标移上去小图变大图$(".imgList li img").bind("mouseover click&qu ...

【JavaScript】修改图片src属性切换图片

【JavaScript】修改图片src属性切换图片相关推荐

最新文章

热门文章