画像の大きさが変わってしまいます;;
<table border="0">
<tr>
<td colspan="5">
<%= image_tag '0.jpg', :id => 'myPhoto', :class =>'photoSize' %>
</td>
</tr>
<tr>
<td>
<%= image_tag '00.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
<td>
<%= image_tag '01.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
<td>
<%= image_tag '02.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
<td>
<%= image_tag '03.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
<td>
<%= image_tag '04.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
</tr>
<tr>
<td>
<%= image_tag '05.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
<td>
<%= image_tag '06.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
<td>
<%= image_tag '07.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
<td>
<%= image_tag '08.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
<td>
<%= image_tag '09.jpg', :class => 'thumbnail', :onclick => "selectPhoto(this);" %>
</td>
</tr>
</table>
このように、拡大領域があって、その下に小さな画像が10個ある形です。小さな画像をクリックすると拡大領域に表示するという形を作りたいのです。しかし、クリックをすると一つ目はしっかり、もともとある拡大領域に表示されるのですが、2個目をクリックするともっと大きく表示されてしまいます。画像1つ1つの元々のサイズがばらばらなのが原因だと思うのですが、ばらばらだった場合にも大きさが勝手に変更されないようにすることは可能でしょうか・・・?
補足
[#IMAGE|d0043126_9481524.jpg|200606/27/26/|mid|640|481#]が自動的に表示されます。何処にはめ込んだらいいのでしょうか?