<script type="text/javascript">
  function setBigImage(foto) {
  document.getElementById("bigimg").src = foto.src;
  }
</script>

<div>
  <p style = 'text-align: center;'>
  <img id = 'bigimg' src = 'gallery1.jpg' height = '150' alt = 'სურათი' />
  </p>
  <table style = 'margin: 0 auto;' border = '1'>
  <tr>
  <td>
  <img src = 'gallery1.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'სურათი 1' />
  </td>
  <td>
  <img src = 'gallery2.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'სურათი 2' />
  </td>
  <td>
  <img src = 'gallery3.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'სურათი 3' />
  </td>
  </tr>
  <tr>
  <td>
  <img src = 'gallery4.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'სურათი 4' />
  </td>
  <td>
  <img src = 'gallery5.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'სურათი 5' />
  </td>
  <td>
  <img src = 'gallery6.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'სურათი 6' />
  </td>
  </tr>
  </table>
</div>