Aflæs dimentioner på et billede

Jeg har en side som viser et stort billede øverst og nedenunder en masse små. Når man klikker på et lille billede skal dette vises som stort. Da ikke alle billeder har sammen højde og bredde vil jeg gerne have at billedets højde og bredde aflæses så det kan vises uden at blive strukket.

Jeg har indtil videre følgende kode:

<table>
  <tr>
    <td>
      <img width="800" height="600" id="stortbillede">
    </td>
  </tr>
</table>

Ovenstående tabel indeholder det store billede.

<table>
  <tr>
    <td>
      <div style="width:800px; height:127px; overflow:auto">
        <table>
          <tr>
            <?
            $dh = opendir($dir_name);
                   
            while(!(($file = readdir($dh)) === false)) {
              if(substr($file, 0, 1) == ".") {
                end;
              }
              else {
                $photo = $dir_name."/".$file;
                $arr = getimagesize("$photo");
                $width = $arr[0];
                $height = $arr[1];
              if($width == 800 AND $height == 600) {
                $width_img = "100";
                $height_img = "75";
              }
              if($width == 600 AND $height == 800) {
                $width_img = "75";
                $height_img = "100";
              }
              ?>
            <td>
              <img src="<? print $file; ?>" onclick="document.getElementById('stortbillede').src=this.src" width="<? print $width_img; ?>" height="<? print $height_img; ?>">

            </td>
            <?
          }
        }
        ?>
      </tr>
    </table>
    </div>
  </td>
</tr>
</table>

Ovenstående tabel indeholder de små billeder og der kan jeg godt aflæse deres højde og bredde. Problemet kommer når der klikkes på billedet og det vises som stort, så kan jeg ikke få defineret hvad dimentionerne skal være.

Ved godt er er noget PHP kode i mellem, selvom jeg har lagt spg. under JavaScript.