マウスオンで同じ場所に画像表示

質問

＊先ほどもHPの事で質問いたしました。
連続の質問ご了承ください。。

下のようなレイアウトで、上の各数字のところにマウスを持っていくと
「画像表示」の部分に画像が表示されるということを考えています。
例）
１の上にマウスを置くと、画像表示欄に1.jpgが表示。
２の上にマウスを置くと、画像表示欄に2.jpgが表示・・・・

という感覚です。
このような動作をさせることをJavascriptで可能でしょうか。
お手数ですが、お教えください。
┌───────────────────────────┐
│　１　　２　　３　　４　　５　　６　　７　　８　　９　│
│　　　　　　　　　　　　　　　　　　　　　　　　　　　│
│　　　　　┏━━━━━━━━━━━━━━━━┓　　　　│
│　　　　　┃　　　　　　　　　　　　　　　　┃　　　　│
│　　　　　┃　　　　　画像表示欄　　　　　　┃　　　　│
│　　　　　┃　　　　　　　　　　　　　　　　┃　　　　│
│　　　　　┃　　　　　　　　　　　　　　　　┃　　　　│
│　　　　　┗━━━━━━━━━━━━━━━━┛　　　　│
│　　　　　　　　　　　　　　　　　　　　　　　　　　　│
└───────────────────────────┘

＊上の画像が質問内容作成画面ではきれいに見えるのに、質問するをおして、確認画面をみるとかなりずれてます・・・・。
これもなぜなのでしょうか？？
固定ピッチフォントとプロポーショナルフォントの違い？？？

見にくくてごめんなさい。。

回答No.2

yellowocean

横レスすみません。
下の方の書かれた JavaScript の性質について、すこしだけ…

画像のサイズのことです。
画像のサイズですが、
表示されている画像と入れ換える画像のサイズが異なる場合、
縦も横も、表示されている画像のサイズのままで、
入れ換えた画像が表示されてしまう場合があります。
自動的に大きさを修正してくれるのは
IE 4 ～ 6, NN 6 だったと思います。
NN 7 は調べてかおらず、Opera は、少なくとも 6.03 では
大きさが修正されませんでした。
もし、IE 以外のブラウザも対象にしているなら
かわりのプログラムも用意したほうがいいかとも思います。