Q. |
HPビルダー7を使用しています。切手ぐらいの小さな画像にマウスを置くだけでその横の枠に大きな画像を表示させたいんですが。ロールオーバー効果で試してみましたがうまくいきません。 初心者ですので詳しくお願いいたします。
|
A. |
方法は2つあります。いずれにせよ、JavaScriptの知識が 必要となります。以下、JavaScriptに関する基礎知識がある という前提で説明します。 (JavaScriptとは何か?という説明をすると、 書籍1冊分になるほどのボリュームがあるので、 お時間があるときに、独学で勉強されることをお奨めします。)
方法1: イベントハンドラ onMouseOver を使って、画像1に マウスが乗ったとき、画像2を入れ替える方法 → 画像2の部分をあらかじめ確保しておき、差し替える前の画像を 白紙にしておけば、あたかも「マウスを乗せたときに表示された」 ように見せることが出来る。
方法2:別フレームを確保し画像を変化させる方法 →onMouseOverを使うのは方法1と同じですが、 表示先の画像をフレーム枠に指定することで、 「変化させたい画像の表示場所」を明確に定義し 確保することができます。
なお、この機能をJavaScriptでプログラムする場合、 IEならバージョン4以降での表示が前提となりますので、 旧バージョンのブラウザを使っている人は正しく閲覧できない 可能性があります。ご注意ください。
回答者 大和賢一郎 |
関連する質問
関連する動画
関連する用語
関連する解説
その他の関連情報
|
|
FAQ(よくある質問と回答)を検索する
Loading
|