2

尝试制作一个基于图像的按钮来更改页面上的图像

这是我的代码

<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>

当我单击图像时没有任何反应。有任何想法吗？谢谢

4

5 回答 5

2 
alert("clicked") ; //missing something
于 2012-06-02T01:26:26.583 回答
1

我将您的代码逐字复制到我机器上的 HTML 文件中，它会弹出“点击！” Chrome 和 Firefox 中的警报。你确定你没有禁用 JavaScript 或其他东西吗？你使用的是什么浏览器？

于 2012-06-02T01:34:44.993 回答
0

您需要删除z-indexCSS 中的 -2 。

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

现场演示

于 2012-06-02T01:50:57.300 回答
0

将 Javascript 添加到 head 中，将代码的另一部分添加到 body 中，封装在 HTML 中，让它可以在 Chrome 和 IE 上为我工作。

于 2012-06-02T01:55:40.977 回答
0 
<script type="text/javascript">
    windown.onload = function() {
       function nextimg() {
          alert("clicked")
          document.getElementById("image").src="images/gallery/gallery-2.jpg";
       }
    }

</script>
于 2012-06-02T02:14:04.873 回答