加载页面时通过js改变img的src

Question

加载页面时通过js改变img的src，使页面打开后根据自定义的源加载不同图片
在线等！
谢谢各位了！

Answer 1

直接利用js获得img改变src，这个没有什么难度的

Answer 2

是啊，按理说应该非常简单的啊，但是不能用onclick事件var xx = ".\\can%20do\\images\\large\\";
var yy = URL.substring(URL.lastIndexOf("fname=") + 6, URL.length);
var aa = document.getElementsByName("pic");
aa.src = xx + yy;
alert(aa);这个弹出的提示虽然是改变了源，但是图片还是没有改变啊，不是说先加载js然后才加载图片么？

Answer 3

JS 改变图片 src ，首先你要确保在执行这个函数的时候能正确找到你的图片div 。换句话说，先加载完页面在执行 JS 函数，换掉 src 。

Answer 4

<img id="image1" src="http://cms.csdnimg.cn/article/201306/27/51cb8d4c113e6.jpg">
var image1 = document.getElementById("image1");
image1.src = "http://cms.csdnimg.cn/article/201306/27/51cb8cd055ec0.jpg";
这段代码是成功替换了图片的，不会是var aa = document.getElementsByName("pic");这句没找到元素吧，话说img有name这个属性么？

Answer 5

忘了写了，img标签是这么写的
<img align="middle" src="" name="pic" id="map" class="drag"/>
.getElementById
.getElementByName
.getElementByTagname
全都试过了

Answer 6

aa.src = xx + yy;
.\can%20\images\large\2.jpg原来的src是.\can%20\images\large\5.jpg
路径应该没问题啊！
不过我这么写，会把新的src写到图片里么？？

Answer 7

var image1 = document.getElementById("image1");
放在什么地方的？
必须要在<img id="image1" src="http://cms.csdnimg.cn/article/201306/27/51cb8d4c113e6.jpg">
加载的后面

Answer 8

什么意思？？没看懂
img在body里啊，js不论在head还是在body里，都改变不了img 的src啊

Answer 9

你在document.getElementById("image1");时要保证<img id="image1" src="http://cms.csdnimg.cn/article/201306/27/51cb8d4c113e6.jpg">已加载

Answer 10

你可以这样写
<img id="image1" src="http://cms.csdnimg.cn/article/201306/27/51cb8d4c113e6.jpg">
<script>
var image1 = document.getElementById("image1");
image1.src = "http://cms.csdnimg.cn/article/201306/27/51cb8cd055ec0.jpg";
</script>试试

Answer 11

js 代码放在页面的最后面，或者用jquery。
$(function(){
代码..
})