请教各位高手,怎么在html的<img src="">中调用js的函数或者js变量来指定图片路径?
<html>
<head>
<script language="javascript">
var adres="图片地址";
function imgUrl(){
document.images.imgInit.src="图片地址";
}
</script>
</head>
<body>
<img src="?" id="imgInit">
</body>
</html>
请问怎么<img src="调用js函数或者变量获取图片路径">中的src的值部分调用js函数或者变量获取图片路径?
其实吧,我是想做一个图片轮播功能的,这个图片就是要调用JS函数进行自动切换,你们说的这种方法再加上一个自动调用函数的方法也可以。我就是想知道在img标签里面能不能直接去调用JS函数得到src的值,不用借助其他的函数去调用?
<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();" />
如果想实现轮播而又想直接通过图片来触发事件,那么可以用下面两种方法来实现:
1、img标签的src属性事先不放实际存在的图片网址,则网页显示后会触发img的onerror事件,那么
<img src="?" id=img1 onerror="nextpic();" />
2、img标签的src属性事先放入实际存在的图片网址,则网页显示后会触发img的onload事件,那么
<img src="123.gif" id=img1 onload="nextpic();" />
温馨提示:答案为网友推荐,仅供参考
第1个回答 2014-03-14
img的src不能调用js函数,你可以这样的,可以在页面加载后动态用js创建img,或者动态改img.src赋值
你可以再页面加载函数中改变imgInit的src
比如:
window.onload = function (){
document.getElementById('imgInit').src = "url地址";
}
你可以再页面加载函数中改变imgInit的src
比如:
window.onload = function (){
document.getElementById('imgInit').src = "url地址";
}
第2个回答 推荐于2018-02-27
不需要这样做,一般在 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>
没用触发事件吗,例如点击什么的。如果没有,你可以搞个时钟完成你想要的效果,隔一段时间调用一次。追问
<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()进行图片路径更改。
追答恩,那就行啦,请给我分哦。。