87,988
社区成员
发帖
与我相关
我的任务
分享怎么在html的![]()
src的值这里调用js方法或变量获取图片地址？
请教各位高手，怎么在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函数或者变量获取图片路径？
<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函数或者变量获取图片路径？
...全文
请发表友善的回复…
发表回复
soyofy 2016-11-22
- 打赏
- 举报
哥能给个完整的代码吗？
我想学学，我刚刚html起步。一直想做个这个东西，就是没有头绪。
Devin.qu 2016-06-23
- 打赏
- 举报
$("img").attr("src");
町町独立 2016-06-23
- 打赏
- 举报
你这个 NextPic()函数是放在哪个位置执行，onload中吗 ？我的 NextPic() 不执行
leedaning 2014-03-14
- 打赏
- 举报
多谢各位的热心帮助，我现在已经做好了，<img id="imgInit" alt="海边风情" src="javaScript:NextPic()" >，这样就能调用JS的函数NextPic（）了。多谢版主了“就算执行了onload，你也循环调用了，要在函数中删除img的onload事件”，如果用onload确实要在函数中删掉该事件的。
斯洛文尼亚旅游 2014-03-14
- 打赏
- 举报
你用错事件了，onload是成功加载时才会执行，src不会执行js函数，设置没用。
用onerror，不过有些浏览器不会支持onerror
就算执行了onload，你也循环调用了，要在函数中删除img的onload事件
<img id="imgInit" alt="海边风情" src="乱设置一个就行" onerror="imgUrl()" style="width:240px;height:320px;display:block;" />
<script language="javascript">
function imgUrl() {
document.images.imgInit.src = "http://avatar.csdn.net/6/E/E/1_leedaning.jpg";
}
</script>
打字员 2014-03-14
- 打赏
- 举报
<img src="blank.gif" onload="getRealSrc(this)" />
先用一個很小透明的圖片作替代，加載好后執行getRealSrc方法再獲取真正的src并賦值
leedaning 2014-03-14
- 打赏
- 举报
不会啊，我用的其实是有alt的：<img id="imgInit" alt="海边风情" src="javascript:imgUrl();" onload="javascript:imgUrl();" style="width:240px;height:320px;display:block;" />
斯洛文尼亚旅游 2014-03-14
- 打赏
- 举报
因为你的src没有指定，加载不到图片导致图片再某些浏览器下是不占位置的，增加一个alt这样就能显示了
<img id="imgInit" src="？" onload="javascript:imgUrl();" alt="图片不显示替代的文字内容">
leedaning 2014-03-14
- 打赏
- 举报
<img id="imgInit" src="？" onload="javascript:imgUrl();">不知道这个可行吗？我试试的不行。
嘻哈大咖秀 2014-03-14
- 打赏
- 举报
<img src="?" id="imgInit" onclick="方法()">还有其他的事件属性都是可以的
ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
leedaning 2014-03-14
- 打赏
- 举报
src里面放的就是图片地址啊 你这里面放函数或者JS变量 那你的图片的路径放哪？[/quote]
图片路径就是JS变量或者是调用的JS函数里面设置此处图片的src路径。img标签怎么调用js的函数呢？
嘻哈大咖秀 2014-03-14
- 打赏
- 举报
src里面放的就是图片地址啊 你这里面放函数或者JS变量 那你的图片的路径放哪？
leedaning 2014-03-14
- 打赏
- 举报
我是想在<img src="?" id="imgInit">里面“？”的地方调用执行JS函数或者JS变量，从而得到图片的路径，不是先执行JS方法改变图片src，是想在<img>标签里src的位置调用JS代码。不知道我这么说各位明白了没有，希望大家能够多多指点！
嘻哈大咖秀 2014-03-14
- 打赏
- 举报
<html>
<head>
</head>
<body>
<img src="?" id="imgInit">
</body>
<script language="javascript">
var adres="图片地址";
document.getElementById('imgInit').src = adres;
</script>
</html>
