0

HTMLは何も変えずに、JavaScriptのみで画像を変更したかった

ここに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 に答える