javascript - onclick イベントが機能しない

Question

ページ上の画像を変更する画像ベースのボタンを作成しようとしています

ここに私が持っているコードがあります

<script type="text/javascript">

function nextimg()
{
alert("clicked")
document.getElementById("image").src="images/gallery/gallery-2.jpg";
}

</script>
<div class="gallery">
<table>
<tr>
<td><img src="images/lt_arrow_dark.png"/></td>
<td><img id="image" src="images/gallery/gallery-1.jpg"/></td>
<td><img onclick="nextimg()" src="images/rt_arrow_dark.png" height="55" width="24"/></td>
</tr>
</table>
</div>

画像をクリックしても何も起こりません。何か案は？ありがとう

Answer 1

alert("clicked") ; //missing something

Answer 2

あなたのコードをそのままマシンの HTML ファイルにコピーしたところ、"clicked!" というポップアップが表示されました。Chrome と Firefox の両方でアラート。JavaScript が無効になっていませんか? どのブラウザを使用していますか?

Answer 3

z-indexcssの-2のを削除する必要があります。

.gallery {
    background-color:#090909;
    position:relative;
    top:60px;
    width:100%;
}

ライブデモ

Answer 4

<script type="text/javascript">
    windown.onload = function() {
       function nextimg() {
          alert("clicked")
          document.getElementById("image").src="images/gallery/gallery-2.jpg";
       }
    }

</script>

Answer 5

Javascript を head に追加し、コードの他の部分を HTML に含めて body に追加すると、Chrome と IE で動作するようになりました。