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文件中，然后弹出“点击”！ Chrome和Firefox都有提醒功能。您确定没有禁用JavaScript或其他什么吗？您使用的浏览器是什么？

Answer 3

您需要删除css中的z-index -2。

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

Live DEMO

Answer 4

将Javascript添加到头部，将代码的其他部分添加到正文中，用HTML封装，让我在Chrome和IE上工作。

Answer 5

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

</script>

onclick事件不起作用

5 个答案: