ロールオーバが遅い

マウスを載せると画像が変わるロールオーバを使ったページを作成しています。Dreamweaverを使ってロールオーバーやプリロードを指定しているので、マウスを載せるとすぐさま画像スワップが起きるはずなのですが、何と２・３秒もかかってしまいます。

ネットワークがプア、ブラウザの仕様、ソースが複雑、Javascriptの仕様、など考えられるのですが、

どこに原因があるのでしょうか？ご存知の方、是非教えて下さい。

特に、.jsファイルを外部化して読み込ませているのですが、このあたりで注意するところがあれば併せて、宜しくお願い致します。

No.2 ベストアンサー 回答者： kokucho81 回答日時： 2001/09/13 15:39

無駄です。

ロールオーバーで（普通にジャバスクリプトを使用すると）

「マウスがボタンに乗ってから、画像を要求するので、ロスタイムが出ます。」

(javascriptでpreloadで画像を読みこむの記述をしていても大抵は無駄です）

一番確実なのは、

（１）ロールオーバー画像で（デフォルトで出ない方の画像）を1pix*1pix（要するに人の目で見えにくいように）ＨＴＭＬ上に（こっそりと目立ちにくいところに）配置しておく
　（これが一番確実な方法。今後どれほどブラウザのレンダリングエンジンが最適化されようとも、この方法なら確実）

（２）ロールオーバー画像で（デフォルトで出ない方の画像）を適当に新規に作成したレイヤー上に配置しておいて、このレイヤーのＸ座標（もしくはＹ座標）をマイナスにして隠しておく。
　（この方法は、現在のところ有効。しかし、将来非常にブラウザのレンダリングエンジンが非常に賢くなると、「見えないので読みこまない」となってしまうかもしれない）

いずれにしても、ＨＴＭＬが読まれる段階で、画面上には見えない
（もしくは見えにくい）けれども「絶対」に
画像がロードされるように上記のような方法で工夫するしかありません。

この回答へのお礼

ありがとうございます。

すごく納得しました。でも、すごく面倒な作業ですね。ブロードバンド時代に突入などと言われますが、ブラウザが時代について来ていないという事でしょうか。

本当にありがとうございました。

お礼日時：2001/09/13 18:23

No.1 回答者： taba 回答日時： 2001/09/12 19:03

「ネットワークがプア」という文章があるということは、完成したHTMLをサーバーへアップロードして動かして、遅いということでしょうか？

質問を読んで真っ先に思ったのは、画像が重いのではないかということですが、そういうことではありませんか？
的をはずしていたらすみません。念のため確認してみてください。

この回答への補足

お返事ありがとうございます。

おっしゃる通りです。
画像はページ全体では、比較的重くなっています。が、ロールオーバの部分は、一般的なボタン画像程度です。画像単体が原因というような感じではないです。画像トータルで影響がでるといったことがあるのでしょうか？

また、複雑なDHTMLでレイヤーを扱ったメニューナビがあるので、ブラウザのレンダリング性能が適応していない、というような気もするのですが、そういう問題はご存知ないでしょうか？

補足日時：2001/09/12 22:25