-1

画像の上にマウスを置くと画像のソースを変更するスクリプトを作成しましたが、最初は機能しましたが、同じコードを使用する2番目の画像を追加すると、両方とも機能しなくなりました。

私が経験している問題は、マウスオーバーで画像が本来のように変化しないことです。画像が見つからないように見えますが、画像のソースが正しいパスを指していると確信しています。

他にも意見を求めましたが、何が悪いのかわかりません。私は本当にあなたの助けまたはこれに関するどんな入力にも感謝します。

以下は私が使用しているコードです。

<html>
  <head>
    <script type="text/javascript">
      var images= new Array();
      images[0] = "Benjamin/Untitled-3.png";
      images[1] = "Benjamin/Untitled-4.png";
      images[2] = "Benjamin/Update.png";
      images[3] = "Benjamin/Update2.png";

      function Change()
      {
        document.getElementById("image").src = images[1];
      }

      function GoBack()
      {
        document.getElementById("image").src = images[0];
      }

      function GobackAgain()
      { 
        document.GetElementById("Update").src = images[2];
      }

      function ChangeAgain()
      {
        document.getElementById("Update").src = images[3];
      }
    </script>

    <style type="text/css">
      body
      {
        background-color:#1c1a1a;
      }
    </style>

    <div align="center">
      <img src="Untitled-2.png" width="325" height="191">
    </div>

  </head>

  <body>
    <img onmouseover="Change()" 
         onmouseout="GoBack()" 
         id="image" 
         STYLE="position:absolute; TOP:35%; LEFT:10%; WIDTH:204px; HEIGHT:278px" 
         src="Untitled-3.png">

    <img onmouseover="ChangeAgain()" 
         onmouseout="GoBackAgain()" 
         id="Update" 
         STYLE="position:absolute; TOP:35%; LEFT:50%; WIDTH:204px; HEIGHT:278px" 
         src="Update.png">
  </body>
</html>
4

2 に答える 2

2

名前をに変更GobackAgainしGoBackAgain、に置き換えGetElementByIdますgetElementById。

于 2012-08-13T21:45:53.773 に答える
0

ここに1つの問題があります：

function GobackAgain()
{ 
    document.GetElementById("Update").src = images[2];
}

あなたはGetElementByIdそれがあるべきときに持っていますgetElementById

于 2012-08-13T21:42:07.380 に答える