画像がページによって表示されません

質問

http://small-office.net/のサイトの画像の表示で困っています。

ヘッター右上部分に、ジャバスクリプトで更新するたびに切り替わる画像を設置しました。
トップページやhttp://small-office.net/search.htmlのページではうまく画像が表示されるのですが、
http://small-office.net/list/osaka.htmlのページだと画像が表示されません。
階層が違うからなのか…。
JavaScript の知識がなく、JavaScript のソースはwebで調べてコピーして使いました。

下はジャバスクリプトのソースです。
// JavaScript Document
<!--
// ランダムに画像を表示する
jmp = new Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://jishusitu.com/";
jmp[1] = "http://co-work-ing.com/";
jmp[2] = "http://thai-kosiki.net/";
// 画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "img/common/bnr-ad-header1.png";
img[1] = "img/common/bnr-ad-header2.png";
img[2] = "img/common/bnr-ad-header3.png";
n = Math.floor(Math.random()*jmp.length);
document.write("<a href='"+jmp[n]+"' target='_blank'>");
document.write("<img src='"+img[n]+"' border='0'>");
document.write("</a>");

http://small-office.net/list/osaka.htmlでも画像を表示するにはどうしたらいいのでしょうか？
どうぞよろしくお願いします。

回答No.1

outbrave · ベストアンサー

img[0] = "img/common/bnr-ad-header1.png";
表示されているページでは、img/でいいですけど
表示されないページでは階層が違うから、/list/img/になってしまってます。

絶対アドレスで書くとかすれば表示されるのではないでしょうか。
img[0] = "/img/common/bnr-ad-header1.png";

お礼

できました！

階層ごとにアドレスを書き換えるのは大変だと思い、絶対アドレスで書くことにしました。

勉強になりました。本当にありがとうございます。

回答No.2

ORUKA1951

画像があるべき場所で、右クリックして［画像だけを表示］もしくは画像の情報を確認すると、想定とは異なった画像のパスになっているはずです。
　javascriptを使用すると、そのページの位置からのパスになりますから階層が変わると当然見つけられない。画像へのパスをサーバーのルートから、あるいはネット上のパスにすれば良いのでは
　='img/***
↓
　='/img/***
または
　='/http://hoge.com/***

スタイルシートを利用するのでしたらスタイルシートからのパスになる。

お礼

できました！
本当にありがとうございます。