导航:首页 > 编程语言 > javascript修改图片路径

javascript修改图片路径

发布时间:2025-06-11 01:17:03

1. js怎么更换img中src路径

你好

1、我写了复一段示例制代码,试过了可以用,你可以参考一下用法:

<imgid="pic"src=""/>
<script>
document.getElementById('pic').src="XXXXXXX";
</script>

2、你的代码中还有个错误,你函数中的字符串连接用的是 & 运算符,这是错误的,& 这个运算符表示的是“按位与”操作。在JS中,应当使用 + 运算符来连接字符串。例如:

<script>
sr1="yuanjian/"&did&"-g.png";//错误
sr1="yuanjian/"+did+"-g.png";//正确
</script>

综合以上两点原因,希望能帮助你修正错误。如以上代码不能解决你的问题,欢迎追问。

2. 怎么在html的<img src="">中调用js的函数或者js变量来指定图片路径

<img src="?" onload="this.src='图片地址';" onerror="this.src='图片地址';" />

如果想实现轮播而又想直接通过图片来触发事件,那么可以用下面回两种方法答来实现:

1、img标签的src属性事先不放实际存在的图片网址,则网页显示后会触发img的onerror事件,那么
<img src="?" id=img1 onerror="nextpic();" />
2、img标签的src属性事先放入实际存在的图片网址,则网页显示后会触发img的onload事件,那么
<img src="123.gif" id=img1 onload="nextpic();" />

3. 用javascript修改图片img的src值,在线等,下面是代码,把img src里的_ok去掉,忘高手写个方法

这个问题就很多了 第一个你这个脚本是什么时候载入的 是不是执行到了 你最好回alert一下big3

另外你要改答的是big3.src 最好这样写var big3=document.getElementById('big');big3.scr=big3.src.replace('_ok','');

4. jquery或者js怎么改变路径!

js改变图片路径:

HTML代码:
<imgid="tu"src="images/bg1.jpg"/>
<buttonid="btnChange"value="换图"onclick="changeImg();"/>
js代码:
<scripttype="text/javascript">
functionchangeImg(){
//取出图片控件
varimg=document.getElementById("tu");
//改变其src属性的值
img.src="images/bg2.jpg";
}
</script>

jQuery改变图片路径:

HTML代码:
<imgid="tu"src="images/bg1.jpg"/>
<buttonid="btnChange"value="换图"/>
js代码:
<scripttype="text/javascript"src="js/jquery.1.8.3.min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
//按钮点击事件
$("#btnChange").click(function(){
$("#tu").attr("src","images/bg2.jpg");
//或者
$("#tu").prop("src","images/bg3.jpg");
});
});
</script>
阅读全文

与javascript修改图片路径相关的资料

热点内容
sr100怎么编程序 浏览:795
苹果手机怎样保存信息 浏览:379
安卓patch是什么文件 浏览:819
2003word审阅 浏览:387
手机时间查找新文件 浏览:695
数据库管理员怎么入行 浏览:852
安卓nba2k17修改能力 浏览:868
win10设置nsf文件共享 浏览:445
同一个网站怎么发文章 浏览:725
苹果翻盖手机多少钱 浏览:815
flash80金鹰教程 浏览:374
怎么把美国的app账号换成中国的 浏览:375
贷款60秒app 浏览:408
捷安特骑行app有什么奖励 浏览:542
网站图片展示代码 浏览:167
asp找回密码 浏览:836
如何知道别人使用我的电脑和看了什么文件 浏览:712
prcs4视频导出后找不到文件 浏览:977
msp430系列单片机实用c语言程序设计 浏览:423
移动硬盘的文件格式 浏览:904

友情链接