0

我只想使用 javascript 更改图像而不更改 html 上的任何内容

这是HTML

<td bgcolor="#2A2A1B" style="width: 128px;" valign="top">
    <img id="ContentPlaceHolder1_imgClanmark" src="../images/clan/clanmark20130211202115640.png" style="height:128px;width:128px;" />
</td>

现在这是我的 js

var photo = document.getElementById('ContentPlaceHolder1_imgClanmark');
var img = new Image();
img.addEventListener('load', myFunction, false);
img.src = 'http://i.imgur.com/jztMCqb.png';
photo.src = img.src;

试过了，它不会工作

也用了这个

function FirstPic()
{
    var pic1 = document.getElementById("ContentPlaceHolder1_imgClanmark"); 
    if (pic1 == typeof('image')) return;
    pic1.src = "http://i.imgur.com/jztMCqb.png";
}

但话又说回来，我应该在 html 上添加代码，例如

<img onload='FirstPic()' id='ContentPlaceHolder1_imgClanmark' src='http://i.imgur.com/jztMCqb.png' />

有人可以帮我解决这个问题吗？

对不起，我没有更新这个问题，这就是我所做的

--

window.onload = function() {
  var photo = document.getElementById('ContentPlaceHolder1_imgClanmark');
  var img = new Image();
  img.src = 'http://i1203.photobucket.com/albums/bb384/zendesigns/sfdfi/sfdfilogo_zps9302a288.gif';
  img.addEventListener('load', myFunction, false);
  function myFunction() {
   photo.src = img.src;
  }
}

--

谢谢斯塔诺_

4

2 回答 2

2

如果这是在第一个页面加载上，您是否有理由等待 onload 事件？

document.getElementById('ContentPlaceHolder1_imgClanmark').src = 'http://i.imgur.com/jztMCqb.png';

会改源吗？

编辑：

另一方面，此链接上的图片：http://i.imgur.com/jztMCqb.png不能热链接，当你尝试链接时返回403禁止，这样无论你做什么，该图片都不会出现！

于 2013-03-30T07:41:55.603 回答
-1

只需更改 src：

    $("#ContentPlaceHolder1_imgClanmark").attr("src","pass_here_new_image_source");
于 2013-03-30T07:42:55.913 回答