下記のようなソースなのですが、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で質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Lightbox2でのキャプションにつ...
-
クリックで背景変更するタグ
-
bxsliderにて読み込み後に内容...
-
Javascript で共通の処理をどこ...
-
JavaScript で flexslider の画...
-
JavaScriptとチェックボックス...
-
スライドショー作成方法。
-
JavaScriptでの画像切替について。
-
スライダーを実装した場合、ペ...
-
代替文字が表示されなくなった...
-
Java Scriptの画像切り替えにつ...
-
VB2005 でビットの深さ8の画像...
-
ロールオーバーで切り替えられ...
-
スワップイメージが上手く動作...
-
JavaScript スライドの画像にリ...
-
右クリック禁止スクリプト挿入法
-
javascriptを使用し、別窓をサ...
-
Photoswipeのアニメーションの変更
-
一定日本時間で画像変更 Java S...
-
画像のサイズが取得できません
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
画像ランダム表示、しかしダブ...
-
bxsliderにて読み込み後に内容...
-
画像を切り替えランダム表示
-
1枚の画像をクリックすると複数...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
小窓について教えて下さい。
-
スライダーを実装した場合、ペ...
-
スワップイメージが上手く動作...
-
USEMAPでの指定区域にマウスオ...
-
1枚の画像をクリックして複数の...
-
クリッカブルマップの一部分だ...
-
オンマウスで、画像切り替え+...
-
iframe内のリンク文字のマウス...
-
edgeでスクロールバーに色が表...
-
画像の上に画像リンクを貼る方法
-
prettyphotoの画像表示について
おすすめ情報