- 締切済み
オンマウスで画像表示する外部スクリプトを呼び出したいのですが
お知恵をお貸し下さい。よろしくお願い致します。 「画像Aを表示」→「オンマウスで画像Bを表示」という効果を、 外部スクリプトを使ってやってみたいと思っています。 ただ外部スクリプトを読み込む時の指定方法がわかりません。 ちなみに、以下のスクリプトを外部に分けず、 <head>～</head>内に書いた時はきちんと動いておりました。 ※外部スクリプトの記述（sample.js） <SCRIPT TYPE="text/javascript"> <!-- if (document.images) { // 設定開始 // 通常の画像 var img0 = new Image(); img0.src = "sample/sample.jpg"; // ポイント時の画像01 var img01 = new Image(); img01.src = "sample/crip/01/01.jpg"; ： ：（このあと02～03と画像が増える予定） ： // 設定終了 } // ポイント時の処理 function On(name) { if (document.images) { document.images['def'].src = eval(name + '.src'); } } // 放した時の処理 function Off() { if (document.images) { document.images['def'].src = img0.src; } } // --> </SCRIPT> ========================================= ※読み込む先の記述（sample.jsは指定してあります） <a href="index.html" onMouseOver="On('img01')" onMouseOut="Off()"> <FONT SIZE="2" COLOR="indigo">【1】</font></a> 【1】の文字にマウスを持っていくと、違う場所に表示してある 画像Aが画像Bに変わるようにしたいのです。 オンマウスオーバーの指定がよくないのかと思うのですが 具体的にどこをどうしたらいいか、よろしくお願い致します。
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
外部スクリプトにする場合 <SCRIPT TYPE="text/javascript"> <!-- // --> </SCRIPT> は必要有りません。
- yambejp
- ベストアンサー率51% (3827/7415)
万が一sample.jpにscriptタグまで書いていたら いらないのではずしてください。
お礼
ありがとうございます。お手数をおかけします。 いったん迷路に入り込むとなかなか抜け出せないですね。 本当にありがとうございます。
- tsuna555
- ベストアンサー率53% (22/41)
<script type="text/javascript" src="sample.js"> を >※外部スクリプトの記述（sample.js） のところに書けばOKです。
補足
ありがとうございます。 レスを参考にして、外部スクリプトの中に <SCRIPT TYPE="text/javascript" src="http://○○/sample.js">（フルパスで） <SCRIPT TYPE="text/javascript" src="sample.js">（単体で） と、どちらも交互に入れてみたのですがやはり現象は同じで動きません。 あと、読み込む先のファイル内にも念のため <SCRIPT TYPE="text/javascript" src="http://○○/sample.js">と指定しています。 ※フルパスで入れたのは、他の外部スクリプトが単体ではなくフルパス指定で動いたからです。 一体どこが悪いのか…
補足
ありがとうございます。現時点での状態です。 （１）外部スクリプトの中の <SCRIPT TYPE="text/javascript"> <!-- // --> </SCRIPT> の記述は外した （２）読込先の指定は <script type="text/javascript" src="http://○○/sample.js"></script> 以上です。 特にエラー表示もなく、画像AはあるのにBだけが出てきません。 （画像×印もなし） もう少し自分でも階層の見直しなどしてみます。