怎么在html的<img src="">中调用js的函数或者js变量来指定图片路径...
发布网友
发布时间:2022-05-05 17:25
我来回答
共3个回答
热心网友
时间:2022-04-21 04:20
<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();" />
热心网友
时间:2022-04-21 05:38
img的src不能调用js函数,你可以这样的,可以在页面加载后动态用js创建img,或者动态改img.src赋值
你可以再页面加载函数中改变imgInit的src
比如:
window.onload = function (){
document.getElementById('imgInit').src = "url地址";
}
热心网友
时间:2022-04-21 07:13
不需要这样做,一般在 body标签的onload那里加上document.images.imgInit.src="图片地址"就可以拉。
<html>
<head>
<script type="text/javascript">
function load()
{
document.images.imgInit.src="图片地址";
}
</script>
</head>
<body onload="load()">
<img src="" id="imgInit">
</body>
</html>
没用触发事件吗,例如点击什么的。如果没有,你可以搞个时钟完成你想要的效果,隔一段时间调用一次。追问没用触发事件,用的是setInterval("NextPic()",2000);这样的话每隔2秒调用一次NextPic()进行图片路径更改。
追答恩,那就行啦,请给我分哦。。
怎么在html的<img src="">中调用js的函数或者js变量来指定图片路径?
1、img标签的src属性事先不放实际存在的图片网址,则网页显示后会触发img的onerror事件,那么 <img src="?" id=img1 onerror="nextpic();" /> 2、img标签的src属性事先放入实际存在的图片网址,则网页显示后会触发img的onload事件,那么 <img src="123.gif" id=img1 onload="nextpic();" ...
如何用JS实现<img src="">中src的图片地址使用css中定义的某个图片地址...
直接用css背景图不更好,这样img标签都省了。假设你是这样的<li><img src="pic/pic1.jpg"></li>改成这样<style>.pic1{display:inline-block;width:1184px;height:300px;background:url(../pic/pic1.jpg) 50px 30px no-repeat;}/*假设你的小图在大图的50,30处*/</style><li><span ...
...比如一个图片<img src="这个地址怎么用JS写、调用?" />
document.getElementById("myPic").src= "../img/"+ i + ".jpg";setTimeout("changeImg()",2500);} </script> 注意:此处是定时切换图片,设置的一共有7张,切换时,需在html段中将第一张加载进去,如:<body onload="changeImg()"> <p align="center"> <img src="../img/1.jpg"...
如何在html中调用js函数
【1】打开Dreamweaver软件,然后在创建新项目下选择HTML;【2】点击“文件”选项,然后点击“另存为”,将文件命名为test,并将其保存在电脑桌面上;【3】编写一个基本的html文件,该html文件包含一个用户名及一个密码输入文本框和一个确定以及一个取消按钮;【4】在title标签下插入<script language="Ja...
如何在html中调用引用的外部js文件中的方法
在head里引用就可以了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><...
怎么把html页面中的JS函数,提取封装到一个JS中,直接在页面调用JS文件就...
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。2、将html中的函数封装到index.js文件中。3、在index.html中的<script>标签,引入提取封装的js文件,并输入调用的js代码:fun2();fun1();。4、浏览器运行index.html页面,此时成功调用了外部js文件中的函数打印出了结果...
怎么把获取到的图片显示出来,js怎么写
实现步骤:1.先在html里面定义一个img标签<img src=""/> 2.一般情况下图片地址是一个变量,也就是说首先将后端返回的地址保存在一个变量中,如:var imgsrc = res.data.otherImg;(根据接口实际情况获取,我这里只是举例)2.通过js把地址塞进img里面,如: $('img').attr('src', imgsrc);这...
如何用JS控制html中的IMG标签?若IMG的src为空时,则不显示img,否则就显示...
(imgs[i].onerror=function(){ imgs[i].style.display='none';})(); //注意这里的写法。形如(function(){...})(),这是js里的一种特殊写法,很有效。} } </script> <img src=""> <img src="http://www.baidu.com/1.jpg"> <img src="http://www.baidu.com/2.jpg">...
...获取html中某张图片如<img id="x" src="a.jpg">的名字
content="text/html;charset=UTF-8" /><title>通用方法测试</title></head><body><script>function getImgName(str){var reg1 = /(\<img)(.*(?=(src\s*?=\s*?["'])([^"^']*)["']))/gim;str.match(reg1);//配置表达式str = RegExp.$4;var array=str.split("/")...
html怎么调用js里面的东西,例如js里面的函数
html调用js函数,有多种方法:1、可以用控件本身进行;如 <input type="text" onchange="javascript:guest();"> 2、通过javascript 中 的 时间控件 定时执行;3、getElementById,实际上得到一个网页中的对象(元素),通过ID检索。<input id="guest" type="text" onchange="javascript:guest();">...