1mouke.com [東京ウェブ制作] - サイト内を検索する  
ドローンの疑問が解決するQ&A【ドローン・アンサー】
FAQ(よくある質問と回答)
Q. HPビルダー7を使用しています。切手ぐらいの小さな画像にマウスを置くだけでその横の枠に大きな画像を表示させたいんですが。ロールオーバー効果で試してみましたがうまくいきません。
初心者ですので詳しくお願いいたします。

A. 方法は2つあります。いずれにせよ、JavaScriptの知識が
必要となります。以下、JavaScriptに関する基礎知識がある
という前提で説明します。
(JavaScriptとは何か?という説明をすると、
書籍1冊分になるほどのボリュームがあるので、
お時間があるときに、独学で勉強されることをお奨めします。)

方法1: イベントハンドラ onMouseOver を使って、画像1に
マウスが乗ったとき、画像2を入れ替える方法
→ 画像2の部分をあらかじめ確保しておき、差し替える前の画像を
白紙にしておけば、あたかも「マウスを乗せたときに表示された」
ように見せることが出来る。

方法2:別フレームを確保し画像を変化させる方法
→onMouseOverを使うのは方法1と同じですが、
表示先の画像をフレーム枠に指定することで、
「変化させたい画像の表示場所」を明確に定義し
確保することができます。

なお、この機能をJavaScriptでプログラムする場合、
IEならバージョン4以降での表示が前提となりますので、
旧バージョンのブラウザを使っている人は正しく閲覧できない
可能性があります。ご注意ください。

回答者 大和賢一郎

関連する質問

関連する動画

関連する用語

関連する解説

その他の関連情報

FAQ(よくある質問と回答)を検索する

Loading


IT外注のトラブルを解決する
起業家のための、損しないIT外注テクニック
ITエンジニア 大和賢一郎 による技術サポート(ヘルプデスク)です。ウェブ制作に関する情報提供・オンライン個別相談・直接面談・立ち会い・トラブル解決・座学セミナー・スキルアップ個別指導などを無料または有料でご提供いたし ... 続きを読む
東京ウェブ制作 東京HTMLスクール クラウドソーシング 基礎からわかる!HTML超入門 東京ウェブ制作 - 拡販パートナー募集中 フリーランスITエンジニアのエージェント比較 【日本語版】ZendFramework2(ZF2)逆引き辞典 人間ドックの日本最大級口コミサイト「人間ドックサーチ」人間ドックの情報満載 クラウドソーシングの日本最大級口コミサイト【東京ウェブ制作】 あなたの月収が70万円になる 無料WordPress - kyblog(ケーワイブログ) フリーランスITエンジニアの案件検索エンジン「オメガ・サーチ」OMEGA_SEARCHフリーランスITエンジニアのエージェント比較「agentism(エージェント・イズム)」 ドローンの疑問が解決するQ&A【ドローン・アンサー】


今すぐ質問する(無料)
ホームページ作成に関するご質問をお寄せください。無料で回答いたします。回答は よくある質問FAQ にアップされます。今すぐ質問する