Как добавить ссылку с изображения javascript?

Question

[Alivgon]

Есть код, который меняет изображение на другое при клике по нужной ссылке.

Как в этом коде добавить, что бы при клике на само изображение можно было переходить по определенной ссылке? У каждого изображения своя ссылка для перехода.

<script type="text/javascript">
function l_image (a) {
    document.example_img.src = a;
}
</script>

<table style="width: 100%;">
<tr style="text-align: center; vertical-align: center;">
 <td style="width: 50%;">
  <a href="javascript:l_image('image/img_1.png')">Ссылка на изображение № 1</a><br>
  <a href="javascript:l_image('image/img_2.png')">Ссылка на изображение № 2</a><br>
  <a href="javascript:l_image('image/img_3.png')">Ссылка на изображение № 3</a><br>
  <a href="javascript:l_image('image/img_4.png')">Ссылка на изображение № 4</a><br>
 </td>
 <td style="width: 50%;">
  <img src="image/img_1.png" name="example_img"
  alt="Картинки для демонстрации работы скрипта смены изображений">
 </td>
</tr>
</table>

Answer 1

[Михаил Р.]

Но я бы так написал:

Comments

[Alivgon]

Не работает. После изменения кода, теперь даже не меняются картинки при клике по названию.

[Михаил Р.]

Alivgon, поправил, обновил ответ

[Alivgon]

Спасибо!