- ベストアンサー
リンク画像をオンマウスで変えたい
今、ホームページを作成しています。 それで、以下のようなことをしたいのですが、可能でしょうか? 1 最初の画面に、ENTERの画像を表示する 2 『1』の画像をオンマウスすると、画像が変わる 3 『2』の画像からマウスを放すと、画像が『1』に戻る 4 『2』の画像をクリックすると、別のページに飛ぶ なんだか説明下手ですいません・・・ 一応自分で調べてみたのですが、それらしい物が見つからず、失敗してばかりなので、質問させていただきました。よろしくお願いします!
- その他(インターネット・Webサービス)
- 回答数3
- ありがとう数3
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
JavaScriptで可能です(まぁFlashでも出来るけど、あれも基本はJavaScriptなんで)。 1~3はマウスオーバー(onMouseOver)です。詳しくはこちらを(ここでスクリプト生成も出来ます) http://www.animegif.net/tips/javascript/onmouseover.html とは言え、何も解らないまま作ってもしょうがないので、こちらをお読みください。JavaScriptの基本が載ってます。 http://pzxa85.hp.infoseek.co.jp/www/wwwjs.htm 上のマウスオーバーは「イベントハンドラ」となり、onMouseOver (マウスが上に来た時)、onMouseOut(マウスが離れた時)になるわけで。 ホームページ作成ソフトを使っているなら、付属のマニュアルに「JavaScriptの使い方」とかないですかね?(大抵あると思うんですが)
その他の回答 (2)
- Hoyat
- ベストアンサー率52% (4897/9300)
#1です。 JavaScriptは一種のプログラムですが、JavaScriptを組む為にPCの設定はいじる必要は全くありません。 画像の方は別途用意する必要がありますが、JavaScriptそのものはHtml文書と同じでプレーンテキストで組むだけです。 先のリンク先を端から端までよ~くお読みください。
- bakeratta
- ベストアンサー率24% (317/1288)
参考になるかな。 同じような相談があったけど・・・。 http://okwave.jp/qa1730375.html
お礼
回答ありがとうございました!JavaとJavaなんちゃらは違うのですね。多分、パソコンに入ってないか、設定をいじらないとわかりませんが、オフにしてるのかもしれません。父さんのPCなので、そうだとしたら諦めるしかありません;折角回答していただいたのに、申し訳ございませんでした;
関連するQ&A
- テキストにオンマウスで指定箇所に画像を表示
画像またはテキストリンクにオンマウスすると指定の場所にそれぞれのリンクで 指定の画像を表示するようにしたいのですが、色々調べてみたもののよくわかりませんでした。 リンク1にオンマウスして画像が出て、そのリンク1からマウスを放しても 別所に表示された画像はそのままで、次のリンク2にオンマウスすると 次の画像と入れ替わる、というようにしたいのですが・・・説明が下手ですみません^^; このようにしたい場合、どのようにしたらいいでしょうか。
- ベストアンサー
- JavaScript
- オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。
オンマウスで画像変更、クリックでリンク先に飛ばしたいのです。 右側にメニューボタン(1~4)があり 各ボタンにオンマウスすると左側に画像を表示、 クリックすると別ページにリンクさせたいのです。 フレームは使っていません。 初心者なので具体的なタグを教えていただくと助かります。
- ベストアンサー
- ホームページ作成ソフト
- オンマウスで画像が差し変わるタグ教えてください!
Web制作初心者です。 Dreamweaverを使用しています。 オンマウス又はクリックで、下記のようなイメージで画像が差し変わるように 設定したいと思っています。 画像1 画像2 メイン画像(画像1表示デフォルト) 画像3 ↓画像2をクリックまたはオンマウスで 画像1 画像2 メイン画像(画像2が表示) 画像3 イメージとしては、下記サイトの各作品ページ内のような設定です。 http://book.nihonvogue.co.jp/magazine/keitodama_web/148/works.html わかりますでしょうか? ジャバスクリプトとかスタイルシートとか、使えないため、 Dreamweaverでタグ埋め込みなどで設定したいと思っています。 でもそれができるのかどうかも不明です。 マウスオーバーの方法はわかるのですが、これとは少し違うの思い やり方が全くわからず、質問させていただきました。 どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- 教えて下さい!リンクボタンの画像をオンマウスで変える方法
今HPを縦フレームで左ページにメニュー、右ページにtarget指定でページが切り替わるようにしています。 左ページのメニューはgif画像のボタンなのですが、画像に触れると画像が変化し、画像からマウスを放すと元の画像に戻るようにしたいのです。 1.マウスで画像1に触れると画像2に変化(マウスを放すと画像2は1にもどる) 2.クリックした時に一瞬画像2がへこみ、離すと画像2に戻る。 3.当然同時に右ページも変わる。 4.右のページがくりっくしたメニュー画像のリンク先の間は画像2のまま変化しない。 5.そのほかのメニュー画像をクリックすると画像2は画像1にもどる。 というのはどうすればいいのでしょうか? リンクボタンをへこませる方法はどこかで見たのですが、 それを今のhtmlのどこに書けばいいのかもわかりません。 ちなみに、外部のcssがあります。テンプレートを加工しているので。 宜しくお願いします!
- ベストアンサー
- HTML
- オンマウスでの動作について
ホームページ作成での質問です。 オンマウスをした時に説明の枠を表示したいのですが、 JAVAスクリプトでの方法はなんとなく分かりました。 ただ、レイヤーでもできるというようなことがネットで書いて あったのですが、説明が余りなくいまいちよく分かりま せんでした。 オンマウスする動作をレイヤーで作るとはどういうことか 教えてください。よろしくおねがいします。
- 締切済み
- ホームページ作成ソフト
- オンマウスで最前面に
お世話になります。 オンマウスで指定のオブジェクト(レイヤー)を最前面にもってくることは可能なのでしょうか? ドラックするとドラックしたオブジェクトが最前面にくるというサンプルはあるのですが、オンマウスで、というのは探してもありませんでした。 何故そのようなことをしたいかといいますと、 漫画のような吹き出しがたくさんある画面で、吹き出しの上にマウスが乗ると、吹き出しが拡大するムービーを作りたいんです。ただ拡大するだけなら大丈夫だと思いますが、下層にあるオブジェクトだと他の吹き出しにかぶってしまいます。 さらに、その吹き出しをクリックできるようにして、他のページに飛ばしたいんですが、なにか方法はあるのでしょうか? よろしくお願い致します。
- 締切済み
- Flash
- ビルダーでプレビューすると、リンク画像が表示されない。
ホームページビルダーV9で、ホームページを作成していますが、 わからないことが出てきました。 (ホームページの作成は初心者です。) ページ内に、画像でリンクしている部分があります。 mouseoverを使用して、マウスを画像に合わせたときに画像が薄くなるようにしています。 そこで問題が生じているのですが、ビルダーのプレビュー画面で、 リンク画像の上にマウスを合わせると、 画像が×とaltの文章のみの表示に切り替わってしまいます。 マウスを合わせる前は、ちゃんと画像は表示されています。 最初は、mouseover時の画像を同じフォルダに入れていなかったので、 それが問題かと思い、同じフォルダに移動させました。 でも、まだ×に切り替わってしまいます。 なぜなんでしょうか・・・ 会社のHPなので、プレビューが変な状態のままでは、 アップして上手く表示されるかどうかの実験もできません。 ご存知の方、教えてください。
- ベストアンサー
- ホームページ作成ソフト
- Javascript/オンマウスで画像を変える
洋服のネットショップを作成中です。 一つのタイプで数色ある洋服(例えば、黒、白、赤、青の4種類)の場合、「Javascriptのオンマウスで画像を変えるhttp://www.aimix.jp/javascrip.html」を利用し、「黒」「白」「赤」「黒」と表示された部分にマウスをあてると、洋服の画像が変わるようにしたいと思っています。 この場合、そのページは画像1枚毎に重く(開く時間が長く)なっていくのでしょうか。 つまり、色が4色の場合と色が10色の場合とでは、表示されている画像は一枚ですが、開く時間は4画像分と10画像分の違いが発生するのでしょうか。 ご存知の方、教えていただければ幸いです。
- 締切済み
- ホームページ作成ソフト
- fc2 オンマウスで画像を見せる方法は?
オンマウスで2枚の画像を表示させたいのですがうまくいかないのでご教授願います。 因みに今やっていてうまくいっていない手順ですが、 オンマウスさせたい写真をファイル管理画面で2枚アップし、 どちらか1枚の写真の『この画像で記事を書く』をクリックして新しく記事を書く欄を出し、そこに <imgsrc="●"onmouseover="this.src='◇';"onmouseout="this.src='●';"> (●と◇は載せたい画像) と貼っているのですが、選んだ1枚の写真しか表示されません(当たり前といえば当たり前なのですが)。 試しに『この画像で記事を書く』を選ばず、ただの記事にそのタグ?を書くだけというのも試してみたのですが、 fireFoxではプレビューが全く出ず、IEはファイルに×がついたような感じで表示されていました。 画像は作ったのですが、オンマウスをどういうプロセスをふんで、どういう指定をかけばいいのかを教えていただけると助かります。 よろしくお願いします。
- ベストアンサー
- ブログ
- HTML オンマウスじゃなくてフォーカスでイベント発生させる方法
こんにちは。よろしくお願いします。 HTMLとPHPを使って携帯サイトを初めて作成しています。 メニュー(ボタン風の画像)にマウスが乗ると、 そのメニューについての説明書き画像が隣に出現するという メニュー画面を作成したのですが、 携帯電話から見てみるとマウスが無いので機能しません。 オンマウスでは無くて、フォーカスでこの説明書き画像が出せれば 携帯電話でも機能するのかな~と考えているのですが、 フォーカスだけで画像を出す(画像を代える)処理が出来るでしょうか? また、それは携帯電話で実現可能でしょうか? または、そもそも私のやっていることはもしかしておかしいですか? こういうのはflashとか使えないと作れるような機能では無いのでしょうか? アドバイスよろしくお願いします!
- 締切済み
- その他([技術者向] コンピューター)
お礼
詳しい回答ありがとうございました! JavaScriptについて、読ませていただきました! ですがPC自体父さんの物を使っているので、設定に関する物は余りいじれません;画像変換は諦めようと思います。折角調べていただいたのに申し訳ありませんでした!