[igorfelix]

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

<div class="modal-left g-hidden">
<p align="center"> </p>
 <div class="modal-left">   
 
      <div>
  <p style = 'text-align: center;'>
    <img id = 'bigimg' src = 'gallery/img/1.jpg' height = '150' alt = 'Главное изображение' />
  </p>
  <table style = 'margin: 0 auto;' border = '1'>
    <tr>
      <td>
        <img src = 'gallery/img/3.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 1' />
      </td>
      <td>
        <img src = 'gallery/img/4.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>


		  </div>
		 
левое
</div>

когда убираю класс g-hidden, галерея работает.