Как сделать изображение в ячейке таблицы clickable

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; 
} 
... 

он должен работать. Также ответ Бластера очень хорош, имейте в виду, чтобы изображение было border = 0. Изображения в тегах с набором атрибутов hreh получают границы на некоторых браузерах.