• 締切済み

リンク先へジャンプしてもオンクリックで音を流すには?

初めて質問させて頂きます。 今、WEBサイトを作るにあたり、画像をクリックした時に音声が流れるようにしたいと考えております。 ただクリックするだけでしたら、Javascriptを記述して出来たのですが、ページがリンク先に飛ぶとなると音声が表示されません。 リンク先のページへジャンプする時(した後)も音が鳴り続けるようにするにはどのようにしたら良いでしょうか? ちなみに音声のファイルは2~5秒ほどのmp3ファイルです。 ご回答の方、お待ちしております。 宜しくお願いします。

  • HTML
  • 回答数2
  • ありがとう数1

みんなの回答

  • fruit893
  • ベストアンサー率68% (15/22)
回答No.2

<A href="飛び先.html" onclick="javascript:再生制御処理; return true;"> ... </A> などと記述すると良いでしょう。 再生制御処理の部分の書き方は以下のサイトを参考にしてください。 http://www.tohoho-web.com/wwwmmd2.htm

  • fruit893
  • ベストアンサー率68% (15/22)
回答No.1

確かに音を鳴らし始めたページが閉じられると、音が消えますよね。 リンク先に飛んでも鳴らし続けたい場合は、リンクを押して移動するページと音を鳴らすページを分けます。 一番最初に訪れるページを親フレームとして、リンクが含まれるページと音を鳴らすページの2つを子フレームにします。このようにすることで、音を鳴らすページはずっと表示されているので音が鳴り続けます。 さらに音を鳴らすページの幅もしくは高さを0にすれば、リンクが含まれているページのみが表示されているかのように見えます。もしくは、音を鳴らすページを各ページの見出しや目次にしても良いかも知れません。

myukky
質問者

お礼

早速のご回答誠にありがとうございます。 フレームに分ければ良いのですね。 ありがとうございます。 リンクが含まれるページと音を鳴らすページを2つの子フレームに分けるのはわかったのですが、リンクがある子フレームをクリックすることで、音を再生する子フレームを操作することは可能なのでしょうか。 つまり、フレームの別ページから音声再生を操作するjavascriptのようなものはあるのでしょうか。 ちなみに音を鳴らすページはご意見頂いたとおり、高さ0で指定しております。 追加的な質問になり、大変恐縮ですが、ご意見いただければ幸いです。 宜しくお願い致します。

関連するQ&A

  • クリックを押した時にリンク先へジャンプする

    通常はクリックして、マウスを押してボタンから指を放すときにリンク先にジャンプする と思いますが、 放す時ではなく、押した瞬間にリンク先の別ページに移動させたいと思うのですが、 JavaScript を使うことになるかと思いますが、何か方法がありますでしょうか? onMouseDown を使うのかなっというところまでは、 調べてみたのですが、分かりませんでした。 別の方法でも構いません、何か方法があれば教えてください。 よろしくお願いします。

  • JavaScriptを使用したリンク先が開かない

    JavaScriptを使用しているホームページが結構あります。 閲覧だけなら問題なく見れるのですが、そのページのリンク先をクリックしてもジャンプしない(開かない)ケースがあります。 具体的には、 「javascript: setWishList('2');」 とあるリンク先はクリックすれば開くのですが、 「javascript: itemStockSqlWinOpen();」 とあるリンク先はクリックしても開かず、なにも反応しません。 なにか設定に問題があるのでしょうか? ご存知の方、よろしくお願いします。 OS:WinXP HOME ブラウザ:IE6

  • リンク先へジャンプしない

    アウトルックで受信したメールに貼りついているアドレスをクリックすると、なぜかそのアドレスのホームページにジャンプしないで、マイドキュメントの「Cフォルダ」にジャンプします。いろいろみたのですが、ジャンプ先を指定するような設定はどこにもないので困っています。 どのリンクをクリックしても、マイドキュメントにとびます(T_T)どなたか同じ症状で改善された方いますか?過去ログを見ても同じような質問が無かったのでお願いします。 現在はリンクの上で右クリックして「ショートカットのコピー」を選択してアドレスに直接ペーストしてます。

  • 複数のリンク先を持つバナー

    複数のリンク先を持つGIFアニメバナーを、HTMLで記述する方法を教えてください。訪問者がクリックした時、どのリンク先へ飛ぶかの決定のきっかけは、乱数でも秒でも分でも、訪問者に分かりにくければ何でもよいです。 ただし、制約があります。通常のホームページではなくBlogです。試してみたところ、JavaScriptが動かないようでした。

    • ベストアンサー
    • CSS
  • リンク先にジャンプしない・・・

    ページを閲覧している時、リンク箇所をクリックしてもページがジャンプしないのです・・・。 IE以外で同ページを見たときには問題ないのですが、何かIEの設定に問題があるのでしょうか。 http://item.rakuten.co.jp/carocaro/c/0000000508/ http://www.rakuten.co.jp/ginzajewellery/ http://www.rakuten.co.jp/ee-shopping/ 上記のサイトで買い物をしようとしていたのですが、いずれもレフトナビのブランドリストの部分を、何度押してもページが変わりません。 原因が分かれば教えていただきたいです。

  • Chromeで内部リンクがリンク先にジャンプしない

    現在、ホームページの作成をしております。HTMLで内部リンクを設定したのですが、GoogleChromeにて1回目ジャンプ先に遷移せず、コンテンツの内容が少し上にずれてしまいます。再度クリックすると、内部リンク先にジャンプしますが、ずれてしまったコンテンツは直りません。 【具体例】 HTMLは以下のように記述しています。 <a href="#Hoge">Hogeへリンク</a> ・・・(1) HTMLsource <a id="Hoge" name="Hoge">Hogeのリンク先です</a> GoogleChrome6.0でテストしております。 お手数をお掛け致しますが、コンテンツのズレと内部リンクにジャンプしない事象の対応方法をご存知の方がおられましたらご教授頂きたく、宜しくお願い申し上げます。

    • ベストアンサー
    • HTML
  • リンク先へのジャンプの仕方について

    dreamweaver8を使用しています。 Flash8も持っています。 掲題の、リンク先の表示の仕方について質問なのですが リンク設定している箇所をクリックし、ジャンプする際に 通常は新しいウインドウが開いたり、既存のウインドウ内で ジャンプし、リンク先が表示されるかと思います。 このジャンプの仕方について、 同一ウインドウ内で、横からスライドして新しくリンク先(画面)が登場する、というような表現は可能でしょうか? 映画で場面が切り替わる時のような感じで… 一部分が登場してくるというわけではなく 場面転換のような表現はできますでしょうか? 過去の質問で探していたのですが どのように表現していいかわからず、質問させていただきました。 宜しくお願いいたします。

  • InternetExplorer8リンク先にジャンプしない。

    InternetExplorer8リンク先にジャンプしない。 OSはWindows7。InternetExplorer8でリンク先にジャンプしなくなりました。 IE8のリセットなどを試みたが、ダメでした。 WEB上でいろいろ試行結果が出ているが、いずれの方法でも恢復しません。 IE8をアンインストールしたいが、これもだめ・・・。 成功された方、ご指導ください。

  • リンク先をクリックできない。

    ウェブ上で、リンク先をクリックするのですが、 警告音とともにビックリマークが出て、結局クリックできません。 変なページではなく、例えば公共機関の時刻表をダウンロードしたく、 時刻表のページ先のリンクをクリックしているだけなのです。 何が原因なのでしょうか?

  • リンク先が開けません!

    初めて質問します。よろしくお願いします。 環境はwindows7でInternet Explorer8です。 webページのリンク先をクリックすると、「ページでエラーが発生しました!」と表示され、リンク先が開けません。リンク先によっては、全く反応しないこともあります。 どうしたらいいか分からず困っています。 よろしくお願いします。