下記のようなソースなのですが、2枚目の画像に切り替わらず、表示されません。
何が悪いのでしょう?
<header内>------------------------------------->
<SCRIPT type="text/javascript">
<!--
function showimg1(){
document.area.src = "/jp/shop/i/popup_usbcalc/cg4.jpg";
}
function showimg2(){
document.area.src = "/jp/shop/i/popup_usbcalc/cg4_zoom.jpg";
}
//-->
</SCRIPT>
------------------------------------->
<img src="cg4.jpg" alt="" name="area" /><br />
<table>
<tbody>
<tr>
<td>[ <a href="javascript:void()" onclick="showimg1()">リンク1</a> ]</td>
<td>[ <a href="javascript:void()" onclick="showimg2()">リンク2</a> ]</td>
</tr>
</tbody>
</table>
No.5ベストアンサー
- 回答日時:
>これってどういうことなのでしょうか?
ウチでも、そういう現象がでてたので、そうじゃないかなと思っていたんですけど、
多分、キャッシュの問題だと思います。
functionより前の部分で
var image = new Array(2);
image[0]=new Image();
image[1]=new Image();
image[0].src="cg4.jpg";
image[1].src="cg4_zoom.jpg";
//パスは正しいパスで書いてください。
の様にすることで、画像を保持しておくことができますから
そうすれば、
functionの中で、
document.area.src = "cg4.jpg";
か
document.area.src = image[0].src;
で、問題なく表示されると思います。
functionより前の部分で~を記述したら画像が表示されるようになりました!
キャッシュの問題でしたか。。。画像を表示してもしばらく経つとまた画像が表示できない現象もそう言えばありました。
根気良くお付き合いいただきましてありがとうございました!!
No.4
- 回答日時:
>画像のパスは通常ルートから書かないものなのでしょうか?
#3の方も書いておられますけど、
やはり、パスが怪しいかと思いまして#2のように書かせていただきました。
試しに、HTML文書と同じフォルダに画像をコピーしてパス指定無しで
つまり
document.area.src = "cg4.jpg";
みたいに書いてみてそれで表示されるか
どうかというのをテストされたらどうでしょうか
このようにして表示されればパスの指定の問題ということになるかと思います。(それでも表示されなければべつの問題)
あと、表示されない画像を右クリックして「画像の表示」で表示されるということはないですか?
ご回答ありがとうございました。
パス指定なしで画像を指定しても現象が変わらなかったのですが、表示されない画像を右クリックして「画像の表示」をしたら画像が表示されるようになりました。これってどういうことなのでしょうか?
何度もご回答いただいて本当に感謝です、ちょっと自分でも調べてみたいと思います。
No.3
- 回答日時:
void() の件は済んでいる様なので、
ポイントは、
>"/jp/shop/i/popup_usbcalc/cg4.jpg";
この定義の様です。
絶対パスの様に解釈するブラウザもあれば、
カレントディレクトリからの相対パスの様に解釈するブラウザもあり・・・。
詳細までは検証しきれていませんが
とりあえず変更される事をお勧めします。
(作者が期待する位置とブラウザが解釈する位置が違うと・・・。)
とりあえず Windows XP SP2 上での検証で
HTML ファイルの場所が
D:\HTML\TEST\test.htm
という条件で
IE6.0 では、
D:\jp\shop\i\popup_usbcalc\cg4.jpg
を表示し
Opera7.54u2 では
D:\HTML\TEST\jp\shop\i\popup_usbcalc\cg4.jpg
を表示しました。
Mozilla1.7.5 では・・・、変化なし。表示対象なし?
尚、"./jp/shop/i/popup_usbcalc/cg4.jpg";
と相対パスとした場合は、いずれも
D:\HTML\TEST\jp\shop\i\popup_usbcalc\cg4.jpg
を表示している事はどれも検証しています。
それでもダメなら、
あとは画像ファイルの読み込み権限くらいしか思いつきませんが。
ご丁寧な回答ありがとうございました。
早速画像とHTMLファイルを同じディレクトリに入れて検証してみましたが。。。結果は同じでした。権限の設定を調査してみたいと思います。
No.2
- 回答日時:
試してみましたが、画像は切り替わりました。
(IE&FireFox)srcで指定しているパスは合っていますか?
「/」ルートから始めているのも変な気がします。
あと
javascript:void()
ですが、
voidは引数を取る演算子ですので、
javascript:void(0)
とかなんでもいいので引数を渡してやる必要があります。
ご回答ありがとうございました。
因数を追記してみましたが、現象は変わりませんでした。
画像のパスも間違いありませんでした。画像のパスは通常ルートから書かないものなのでしょうか?
No.1
- 回答日時:
document.area.src = "/jp/shop/i/popup_usbcalc/cg4.jpg";
としていますが、ドキュメント中の画像は自動的に images と言う名前のコレクションに収められるようになっているので、
document.images['area'].src = ...
とする必要があります。
ご回答どうもありがとうございました。
早速試してみましたが、現象は変わりませんでした。
サーバーの方で何か設定をしているかどうか管理者の方に聞いてみたいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像のランダム表示、及び画像...
-
WEBページ立ち上げ時に1回のみ...
-
表と裏がある1枚の画像を回転す...
-
onmouseで画像の切り替えについて
-
CSSで背景をランダム表示さ...
-
jQueryで特定のURLの時のみ表示
-
ページを更新しないで・・・
-
<EMBED>タグのSRCの値のみ変更
-
java scriptで現在のURLで条件分岐
-
オンマウスで画像が切り替わっ...
-
サムネイルをクリックすると画...
-
javaを使ってマウスオンでの画...
-
Javascriptで指定した日付と時...
-
オンマウスで、画像切り替え+...
-
2つの別ウインドウの表示
-
リンク先がそれぞれ別の画像の...
-
キャッシュされた画像を使わず...
-
FancyZoom (javascriptで画像拡...
-
表示する画像をファイル名を受...
-
画像の重なりの順序を代える方...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
JavaScript スライドの画像にリ...
-
bxsliderにて読み込み後に内容...
-
透過pngの透明部分以外をクリッ...
-
JavaScriptとチェックボックス...
-
クリッカブルマップの一部分だ...
-
innerHTMLで、表示すると、一部...
-
Javascriptで指定した日付と時...
-
画像をフォルダに入れれば表示...
-
1枚の画像をクリックすると複数...
-
WEBページ立ち上げ時に1回のみ...
-
image.onload = .. の後に imag...
-
美人時計風JAVAスクリプトが上...
-
曜日と時間を指定して表示画像...
-
決まった曜日で一定時間だけ表...
-
画面の表示位置を指定させて表...
-
jQuery FlexSliderのカルーセ...
-
特定の画像を非表示にする方法
-
iframe内のリンク文字のマウス...
おすすめ情報