• ベストアンサー
  • 困ってます

Java Scriptのロールオーバについて

現在ホームページを作成しています。 メニューボタンをJava Scriptのロールオーバで画像を変えたいのですが、1つの画像をオンマウスすると2つの画像が同時に変わるということはできますか?

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数113
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.1

できると思いますよ。 オンマウスで変更する対象を2箇所にするだけです。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

ご回答ありがとうございました。 ”;”で区切れば何個でも追加が可能でした。 onmouseover="MM_swapImage('Image1','','images/menu_over_01.jpg',1) ;MM_swapImage('Image2','','images/menu_over_02.jpg',1) ;" onmouseout="MM_swapImage('Image1','','images/menu_01.jpg',1) ;MM_swapImage('Image2','','images/menu_02.jpg',1)"

関連するQ&A

  • 異なる大きさのロールオーバーって?

    Java Script初心者です。 ロールオーバーは作れるのですが 時々gooのTopページのバナーにあるような オンマウスをすると表示されている画像サイズより 大きい画像に入れ替わるロールオーバーを作りたいのです。 普通に作ったら、大きく変わる画像のサイズ分 余白を取っておかないといけないと思うのですが gooのTopページのバナーは テキストがある上に画像がかぶさるように なっています。 ご存知の方は是非教えていただけますか? よろしくお願いします。

  • ロールオーバーのJava Scriptの書き方

    ロールオーバーに関するJava Scriptの書き方教えてください。 $(".js_rollover_png").hover(function(){ $(this)[0].src=$(this)[0].src.replace("-off.png", "-on.png"); },function(){ $(this)[0].src=$(this)[0].src.replace("-on.png", "-off.png"); }); 上記でPC上では問題ないのですが、iphoneなどでロールオーバー画像をクリックしページ移動後、 元ページに戻るとロールオーバー画像が消えて見えなくなってしまいます。 初心者なので少しどうしたらいいか煮詰まってしまいましたので、お知恵をお貸し頂けませんでしょうか。 できましたら、どのように記述すればいいか記述例を教えていただければ幸いです。 ヨロシクお願い致します。 補足ちなみにiphoneなどスマホ、タブレットでロールオーバーは再現されなくてもいいです。 クリック後画像が消えなければそれで満足です。

  • jQueryを使ったロールオーバーについて

    初めまして。Webサイト作成の初心者です。 JQueryを使って、フェードエフェクト効果のあるロールオーバーを作成したいと思っております。 例えば次のサイトでは、若干フェードエフェクト効果のあるロールオーバーとなっておりますが、ソースを見るとbody内にはオフマウス用の画像だけが記されております。 http://mizuame.sakura.ne.jp/jquery.tgImageRollover/demo/script2.html オンマウス用の画像への切り替えはCSSで行っているのでしょうか? ちなみに、グローバルメニューなどでは、オフマウス用とオンマウス用の画像を一つにし、CSSで座標を調整することで、ロールオーバーをすることが多いと思いますが、この方法だとJQueryを使ってロールオーバーにフェードエフェクト効果を付けることはできないのでしょうか? それとも、やはりロールオーバーにフェードエフェクト効果を付けるには、オフマウス用の画像とオンマウス用の画像を、それぞれ用意し、オフマウス用の画像はHTMLに記述し、オンマウス用の画像はCSSに記述するのでしょうか? どのような回答でもお受けしたい所存で御座いますので、どうか宜しくお願い致します!!

  • 画像のロールオーバーとアクティブページでの画像ロールオーバーについて

    javascriptでの画像のロールオーバーについて質問させてください。 現在、あるサイトを作成中なのですが、グローバルナビゲーションメニューにjavascriptで画像のロールオーバーを設定したいと思っています。 このスクリプト自体はwebで簡単に見つかったのですが、これにプラスアルファで現在見ているページ(アクティブページ)のメニュー画像をロールオーバー(ロールオーバーをオンマウス状態に)させる方法が見つかりません。 あらゆるサイトでよく見るので簡単に見つかると思ったのですが・・・ どなたかこの両方の機能を実装できるjavascriptを御存知の方がいらっしゃいましたらご紹介ください。

  • Java Scriptのプルダウンメニューについて

    WindowsのInternet Explorer 4.0、 Netscape Navigator 4.7以上、を対象としたホームページを作成しています。 この中でプルダウンメニューを使うことを考えていますが、Java Scriptをオフにしても全サイトきちんと見れるようにしたいです。 つまりオフにしてもメニューが出る、もしくはメインのメニューからリンクが張られていてプルダウンからはリンクできなくてもプルダウンメニューと同じ項目のあるインデックスのページに飛べるような。 そんなことは出来るのでしょうか? 例えば、http://www.omron.co.jp/ir/index.html のサイトでJava Scriptをオフにした時はプルダウンが無い状態になり少なくともメインメニューからは目的のコンテンツにたどり着けるような。 ちなみに、http://www.omron.co.jp/ir/index.htmlのサイトをJava Scriptをオフにした状態で閲覧してもきちんと見ることが出来たのは何でだろ~??? どうかよろしくお願い致します。

  • Java Scriptの件で質問をさせて頂きます。よろしくお願いいたし

    Java Scriptの件で質問をさせて頂きます。よろしくお願いいたします。 よく、ホームページの一番下に「このページのトップへ」とか「HOME」などとあり、それをクリックすると、当該のページの一番上まで行くものがありますが、あれはJava Scriptを使っているのでしょうか ?私としては、出来るかどうかは不明なのですが、Java Scriptをcssのような感じで外部ファイルにして「このページのトップへ」を作成したいと考えております。どなた様かご指導のほどよろしくお願いいたします。 また、「このページのトップへ」にやはり何らかのリンクを張るのだと思いますが、その点に付きましてもご指導をどうかよろしくお願いいたします。 また、話は少し変わってしまうのですが、ロールオーバーをホームページの上部に横に並べて表示させたいのですが、このようなこともJava Scriptで出来るのでしょうか?現在はcssで試行錯誤している最中ですが、Java Scriptでも可能ならとも考え合わせてご質問をさせて頂きました。 どなた様か、ご指導のほどよろしくお願いいたします。

  • モバイルサイトでリンク画像をロールオーバー処理したいのですが・・・

    モバイルサイトでリンク画像をロールオーバー処理したいのですが・・・ 慣れないモバイルサイトを仕事で制作しています。 リンク画像をオールオーバー処理したいのですが、 javaによるonMouseOverの方法しか知りません。 モバイルでjavaが利用できないことは知っているのですが、 ロールオーバーのようなリンクを作っているサイトはいくつも見たことあります。 javaが使用できないのなら、Flashでのアクションスクリプトかとも思ったのですが、 単純にボタンシンボルを作成してswfの拡張子で書き出して <object data="ファイル名.swf" type="application/x-shockwave-flash"> <param name="src" value="ファイル名.swf"> <param name="loop" value="true"></object> 的なタグ埋め込んだ場合ではダメでした。 (サーバーにアップする前にブラウザでチェックした場合は画像を読み込めず、 サーバーにアップした場合は何らかのプログラムにひっかかったのか、ページを開くことさえできませんでした。) モバイルでロールオーバーする方法をお教えいただけないでしょうか? ・別にFlashを使いたいわけではありません。単にオンマウスで画像を変更したいのです。簡単な方法があればそれが最適です。 ・画像をオンマウスで変更する必要があるので、cssで背景色を変える方法は無しです。 何卒よろしくお願いいたします。

  • 単純にロールオーバーはどうしたら出来ますか?

    Flashど素人で御座います。 色々と調べて見たのですが、どうにも解決方法を見つけることが出来ず質問をさせてください。 高度なものを取り入れようといったものではないのですが、いわゆるロールオーバーの方法を教えていただきたく思います。よく、メニューなどで、マウスが重なるとそのメニュー画像が別の色のものに変わるといったものがありますが、こちらを実現したく思います。 初心者なので、根本的な部分が把握できていないということもあり、出来ればかなり度素人目線でご説明頂けると幸いです。 まず、現状でのメニューはMacromedia Flash 8を使って作成し、取りあえずロールオーバーする前の状態のものは出来ております。 これが出来ている状態で、寸分の狂いも無く色違いの画像がマウスが重なった際に変化する様にするにはどうしたらよいのでしょうか? 出来れば、ロールオーバーする際の色違いメニューの作成方法から、その画像の設定方法、またレイヤー?などを使用する際には、合わせてお伺い出来たらと思います。 とても初歩的なご質問で申し訳御座いませんが、どなたかご存知の方いらっしゃいましたら何卒宜しくお願いいたします。

    • ベストアンサー
    • Flash
  • jQuery、画像を2箇所同時にロールオーバー

    こんばんは。お世話になります。 jQueryを使ったJSについての質問です。 div.colにカーソルを合わせた時に、div内の画像2つを 同時にそれぞれロールオーバーさせたいです。 <div class="col">  <img src="image01.jpg">  <img src="image02.jpg"> </div> <div class="col">  <img src="image03.jpg">  <img src="image04.jpg"> </div>    ・    ・    ・ オンマウス用の画像は、 image01.jpg→image01_on.jpg image02.jpg→image02_on.jpg という風に、すべて統一で「_on」を付けてあります。 画像自体をオンマウスするとロールオーバーするJSはよく見るのですが、 それらを格納しているdivをオンマウスした時に画像をロールオーバーさせる方法を 見つけられませんでした。 何か解決策がありましたら、お力をお貸しいただきたいです。 お手数ではありますが、何卒よろしくお願いいたします。

  • ロールオーバーを含むリンクをSSIで管理

    ホームページのコンテンツが不定期に増減するので、メニューをCGIで管理しようかと考えています。 単純に考えて、メニュー部分だけをSSIで表示するようにしようと思うのですが、1つ問題があります。 メニューにロールオーバーを利用しているのですが、ロールオーバーを利用すると、ヘッダー内にロールオーバー画像のリストを掲載する必要がありますよね?(ホームページビルダーのロールオーバーではそうなっていました) これを、ヘッダー部分には共通のスクリプトのみ表示し、SSIで管理するメニュー部分にその他の情報を管理する方法はないでしょうか? よろしくお願いします。