• ベストアンサー

『Dreamweaver2』でのロールオーバーイメージ

ロールオーバーイメージについて質問です。 元のイメージに、マウスをonするとロールオーバーイメージになり、 outすると元のイメージに戻るんですが、 リンク先に行き、ブラウザの『戻る』ボタンで戻ってくると(onしていないのに)ロールオーバーイメージで表示されてしまいます。 これはどうしようもない事なのでしょうか? ターゲットを_blankにすると問題は解決するようなのですが、他の解決方法はありませんでしょうか? よろしくお願いしますm(_ _)m

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

  • ベストアンサー
  • duckling
  • ベストアンサー率47% (88/185)
回答No.1

Dreamweaver2 ではなく、 JavaScript で普通に書いてみたら この現象は起こりませんでした。 ロールオーバーのスクリプトを JavaScript で書いてみるか、もしくは onClick の時に画像を元に戻してから 画面を遷移するスクリプトを書くか、しかないかも知れないですね。 同じ現象が起こせないので何とも言えないですが。

関連するQ&A

  • javascriptで作ったロールオーバーがロールオーバーのままになってしまう

    質問お願いします。 javascriptで作った画像二枚で表現するロールオーバーボタンの不具合についてです。 ieでの動作は問題なかったのですがsafari3.1.2とfirefox3.03では、 その作ったロールオーバーボタンをクリックして他のページに行き、 そしてブラウザに予め備わっている機能の戻るボタンで元のページに戻るとクリックしたロールオーバーボタンがマウスが重なっていないのにロールオーバーしたままの状態になってしまいます。 (その状態でもう一度ロールオーバーボタンにマウスを重ねると元に戻ります。) 流れを簡単に書かせていただきます。 <1.ロールオーバーボタンをクリックする> ↓ <2.他のページにリンクする> ↓ <3.リンク先のページでブラウザの戻るボタンをクリックする> ↓ <4.1のページに戻る> ↓ <5.1でクリックしたロールオーバーボタンがカーソルが触れていないのにロールオーバーした状態> ロールオーバーボタンを作る方法は二通り試したのですが、両方とも上に書いた通りの状態です。 <試した方法> 1.DreamweaberMXのビヘイビア機能で作成。 2.http://css-happylife.com/log/javascript/000157.shtmlこちらのページを参考にさせて頂いての作成。 この不具合の事を気にして色々なウェブサイトを見てみたのですが、やはりjavascriptで作っているであろうロールオーバーボタンは同じような状態のウェブサイトが、多数有りました。 この問題の解決策をご存じの方がいらっしゃいましたら、どうかご教授下さい。よろしくおねがいします。

  • DWで作成したロールオーバーイメージがサイトで見ると表示されません??

    ご覧くださって有難うございます。 ドリームウィーバーのロールオーバーイメージを使ってボタンを製作したのですが、 ブラウザーチェックで見た時には問題なかったのに、サイトをUPしてみたらロールオーバーイメージが表示されず代替テキストのみが表示されてしまいました。 ご指導のほど宜しくお願い致します。。。

  • ロールオーバーイメージ挿入後の表示確認方法について

    ロールオーバーイメージ挿入後の表示確認方法について Dreamweaver 2004でHPを作成しています。 ロールオーバーイメージを挿入した後、表示を確認したいのですが、 ブラウザでプレビューしても、マウスオーバーした状態の画像が表示されません。 Webページとして保存しなければ確認できないものなのでしょうか。 それとも私のロールオーバーイメージの挿入方法が間違っているだけなのでしょうか。 教えていただけると幸いです。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • DreamWeaver/タブスタイルのメニューバーを作りたい(ロールオーバー・スワップ)

    よろしくお願いします。(mac OS10.3.9) ドリームウィーバーでタブのような外観をもったメニューを作りたいと思って試行錯誤しています。 1  2  3と並んだメニューボタン画像がロールオーバーで変化して、そのメニューボタンの下にサブメニューが現れて、リンクできるというイメージです。 例えば、「music」というラベルの赤いボタンにマウスを当てると「music」赤ボタンが「music」緑ボタンに変わってその下段に緑の長方形の列ができて、「ジャズ」「クラッシック」など他ページへのリンク(Mapを使って?)ができるような感じです。 緑ボタンと下段がつながってみえてタブっぽいイメージで。 DWでロールオーバーとスワップイメージを使って、「music」緑ボタンにして、下段に緑長方形を表示するところまでは何とかいけたのですが、ハテ、この長方形にリンク先をつけたいのだがどうしたらいいのだろうと途方にくれてしまいました。 検索はしてみたのですが、ぴったり同じような制作方法手順などが見つかりませんでした。 お分かりになる方、手順を教えていただけませんか?

  • ロールオーバーが上手くいかないのです。。

    JAVAなどを使わずに、マウスON/OFFで画像を変えるには 下記のタグ構成が一番簡単かと思ったのですが 実行すると最初に表示される画像だけが出て、 その画像の横に「×」(←画像が表示出来なかった時によく出るバッテンマーク)が 2つ出るだけで、ロールオーバーが出来ません。 色々なHTML関係のサイトを覗いてみましたが どうも上手くいきません。。。 もし下記のタグで間違いがなければ 私のパソコン(ブラウザ?)がおかしいのかも知れませんが^^; 初心者ですので基本的なことを見落としている可能性がありますが、 どうかアドバイス宜しくお願い致します。 -------------------------------------------- <html> <head> <title>タイトル</title> </head> <body> <IMG src="最初に表示される画像" border="0" onMouseOver="this.src='マウスを乗せた時表示される画像'" onMouseOut="this.src='マウスを離した時表示される画像'"> </body> </html> ----------------------------------------------- (追伸)よくロールオーバーのサンプルなんかを見ていると GIF形式ばかりなのですがJPGでも問題はないですよね?^^;

    • ベストアンサー
    • HTML
  • Dreamweaver MX のロールオーバー機能とスワップイメージ機能の組み合わせについて

    2つの機能の組み合わせについて悩んでいます。 ロールオーバー機能 (マウスポインタが上に乗ったときに別の画像に変わる) とスワップイメージ機能 (マウスポインタが乗っているのとは別の場所の画像を変える) を同時に行いたいのですが可能でしょうか? 試しに1ページ作成したところロールオーバーされる画像にマウスポインタを上にしたとき画像も変更されスワップイメージの方も画像が変わるのですが、マウスポインタを離したときスワップイメージの方だけが画像が元に戻らず悩んでいます。マウスポインタを離したときスワップイメージも元に戻す方法はございませんか? 回答宜しくお願いいたします。

  • アニメーションするロールオーバーにリンクを張りたい

    http://www.geocities.jp/peperon44/peach.html←の様にアニメーションしてリンク先が出てくるロールオーバーを作っています。 http://www.geocities.jp/peperon44/peach.fla←に作っているファイルを置きましたが 一番上の階層にシンボル化したボタンを置き、その下の階層ですべてのフレームアニメーションをさせていますが、1フレーム目に this.stop(); //マウスカーソルがロールインした this.onRollOver = function() { //ロールオーバー開始 rollover = true; }; //マウスカーソルがロールアウトした this.onRollOut = function() { //ロールオーバー終了 rollover = false; }; //フレームが進む度に実行 this.onEnterFrame = function() { if (rollover) { //次のフレームへ進む(最終フレームでは無視される) this.nextFrame(); } else { //手前のフレームに戻る(先頭フレームでは無視される) this.prevFrame(); } }; を入れ大ボタンから出てくる紹介、名前、名簿をそれぞれフレームアニメーションにさせ、シンボル化させて各オブジェクトに on (release) { getURL("name.html", "_foot"); } を入れていますが、指定のURLにリンクがかかりませんのでボタンに反応してくれません。記述が間違っているのか、スクリプトを書く場所を間違えているのだと思います。 このつくりだと一番上の階層に on (release) { getURL("name.html", "_foot"); } と入れると指定のURLにリンクされますが、それでは3つリンク先を分けられないので大ボタンから3つの文字がアニメーションして出てくる意味がありません。大ボタンから出てくる小ボタンにリンクを張るようにしたいです。 FLASHに関してはまだまだの未熟者ゆえ解らないです。何方かお助け下さい。 環境はWindowsXP ソフトはFLASH8です。

    • ベストアンサー
    • Flash
  • ロールオーバー効果とメモは一緒に出来ないのでしょうか?

    ホームページビルダー10でHPをつくっている 最中ですが、リンクボタンの画像にロールオーバー 効果(マウスを合わせると色が変わる効果)と メモ(マウスを合わせるとリンク先ページに ついての簡単なメッセージがでるというみたいな もの)を一緒にする事はできないのでしょうか?

  • ホームページの歩き方で質問です

    html内にtarget_blankが設定されてる場合、同じく開いてるIE内でリンク先を見るにはどうしたらいいんですが? まったく逆ですが、target_selfに対してキーボードのShiftキーを押しながらリンク先をクリックすると別ページでリンク先が表示されますよね。 このようにキーボードとマウスの操作で質問事項の問題を解決することができるんでしょうか。 詳しい方お願いします。

    • ベストアンサー
    • HTML
  • 文字のロールオーバーについて教えてください。

    HPを作製しているのですが、リンクを張った文字にロールオーバーをつけたくて、スタイルシートで、やってみたのですが、そうすると画像を張ったリンクにマウスを持ってきても周りの色が四角に、指定した色に変わってしまいます。(画像は、楕円形のボタンです) 文字のみロールオーバーをつけたい場合はどうしたらいいのか教えてください。

    • ベストアンサー
    • HTML