导航:首页 > 编程语言 > 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修改图片路径相关的资料

热点内容
网络中常用的传输介质 浏览:518
文件如何使用 浏览:322
同步推密码找回 浏览:865
乐高怎么才能用电脑编程序 浏览:65
本机qq文件为什么找不到 浏览:264
安卓qq空间免升级 浏览:490
linux如何删除模块驱动程序 浏览:193
at89c51c程序 浏览:329
怎么创建word大纲文件 浏览:622
袅袅朗诵文件生成器 浏览:626
1054件文件是多少gb 浏览:371
高州禁养区内能养猪多少头的文件 浏览:927
win8ico文件 浏览:949
仁和数控怎么编程 浏览:381
项目文件夹图片 浏览:87
怎么在东芝电视安装app 浏览:954
plc显示数字怎么编程 浏览:439
如何辨别假网站 浏览:711
宽带用别人的账号密码 浏览:556
新app如何占有市场 浏览:42

友情链接