DreamweaverMXでロールオーバーイメージをしたとき

質問

DreamweaverMXでテーブルに画像を入れてロールオーバーイメージをしたとき2枚の画像の縦横比が異なると、二枚目が一枚目に合わせて変倍してしまいます。
変倍しないようにはできますか？

回答No.2

turbo27 · ベストアンサー

変倍しないようには出来ますが不具合がでます。

まずDreamweaverで違う大きさの画像でのロールオーバーの設定をして下さい。Enterで改行し、画像の下に何かテキストを入れてください。
これを使って実験してみましょう。

ビューを分割にするとイメージのwidthとheightが設定されているのが判ると思います。これを直接消すか、イメージを選択してプロパティの幅と高さを消してしまえば変倍されずに表示されます。

これをブラウザでプレビューしてみるとおかしな事になります。ロールオーバーした瞬間に何度も画像が切り替わり、痙攣したようになるはずです。
これを説明すると、例えば160px×120pxの画像を120px×90pxの画像にロールオーバーするようにすると、画像の幅で40px分の差が出来ます。もし画像の端のほうでマウスのポインタが重なったとするとロールオーバーした瞬間に画像が小さくなりポインタが画像から外れたことになり、その瞬間に元画像に戻り、また画像に重なった事になりロールオーバーする。これを繰り返します。
またロールオーバーした時に画像の大きさが変わる分だけ下のテキストなどが上につまり、レイアウトが崩れる事になります。

この二つの不具合はＨＰを見る側からすれば、非常に見づらいＨＰという事になります。

どうしても違う大きさの画像でロールオーバーしたい場合はNo.1の方のおっしゃる通り、画像編集のできるソフトで小さい画像の周りに白い（またはＨＰに使っている背景の色）部分を残して、ロールオーバー前の画像サイズとそろえて保存してあげます（先ほどの例で言うと160px×120px）。その画像を使ってやれば、ロールオーバーした時に見た目は画像が小さくなっているように見えます。
ただそこまでして大きさを変える意味があるかどうかは疑問です。
基本的には、ロールオーバーの画像は同じ大きさでそろえておくのがよろしいでしょう。

回答No.1

TOMOON

おそらく、通常の画像（1枚目の画像）のサイズが指定されているからではないでしょうか？
ex; <IMG SRC="image.jpg" WIDTH="120" HEIGHT="80">

サイズを指定しなければ、変倍しないかも…。

でも、できればサイズは指定したほうがレイアウトもしやすいと思うので、画像に余白などを加え、1枚目と2枚目を同じサイズにされることをおすすめします。