Question

我是初学程序员，我正在努力弄清楚如何使图像可点击。

我有一组放入表格的图像，因为这是我需要的布局。目标是在选择表格中的特定图像后链接到其他页面。到目前为止，这就是我所拥有的（有多个单元格）：

<table border="0">
    <tr>
    <td>
        <a>
            <img src="img1.jpg" width="400" height="178" class="next" onclick="change('http://www.google.com')"/>
        </a>
        <div class="imgText"> Image 1 </div></td>
    </tr>
</table>

Answer 1

而不是onclick，为什么不使用链接的href：

<a href="http://www.google.com"><img src="img1.jpg" width="400" height="178" class="next" /></a>

虽然使用JavaScript，但您可以使用window.location：

onclick="window.location = 'http://www.google.com'"

Answer 2

如果您的代码中有某处：

<script>
...
function change(location){
  window.location = location;
}
...

它应该有用。 Blaster的反应非常好，请记住给图像border = 0。带有hreh属性集的标签中的图像会在某些浏览器上生成边框。

如何使表格单元格中的图像可单击

2 个答案: