画像入替JavaScriptが動かない

質問

今は既にいない担当者の方が作った、
ホームページ上で、画像上のリンクをクリックすると、画面下の画像がリンク先によって入れ替わると言うJavaScriptを設置しています。
この度、このホームページを修正する事になり、ローカルにデータをダウンロードし、動作確認をしようとした所、動作しませんでした。
HTMLとCSSはわかるのですが、JavaScriptがわからない為、どこを修正する必要があるのか教えて下さい。
ソースは以下になります。

-----------------------------------

window.onload = function() {
ChangeImage(QueryString);
}
// QueryStringの受け渡し
var QueryString;

if (location.search.length > 1) {
　QueryString = location.search.substr(1);
}

// 写真の変更
function ChangeImage(PhotoNumber) {
document.images["photo"].src = "../img/photo/" + PhotoNumber + ".jpg";
}

回答No.2

q-ue · ベストアンサー

まとめると、

稼働中のサイトでは正しく動く(?が付く)
ローカルはホスト側と同じフォルダ構成
ローカルでは?が付かない
ローカルにダウンロードしたものをアップロードしても動作しない
ローカルとホストで違いは、文字コードの変更ぐらい

ということですね。
ローカルファイルをアップロードしても動作しなかったことを考えると、文字コードの変換が正しくいかなかったのかもしれません。
もう一度正しく動くファイルをダウンロードして、文字コードを変更せずに試してみてください。

お礼

再度、正しく動くファイルをダウンロードしなおしをして、文字コードを変更せずに試してみました。
無事動作させることが出来ましたので、今度は、新規にテキストファイルへそのデータをコピーし、文字コードをUTF-8に変更して保存、無事動作を確認しました。

TeraPadを使って編集を行っているのですが、既存のファイルをいくらUTF-8で保存しても、UTF-8として実際保存がうまくされていなかったようです。（ブラウザのエンコードを確認しても、UTF-8になっているのですが…）

Javascriptは、HTMLとJavascriptの両方が同じ文字コードでないと動作しないと言う事も勉強できました。

初歩的で情報も少ない中でご回答いただきました、q-ueさん、ありがとうございました。

回答No.1

q-ue

情報が少なくて判断できません。

そのHTMLはiframeを使用していますか?
画像上のリンクをクリックするとページのアドレスが変わりますか(末尾に?...が追加されますか)?
../img/photo/(番号).jpg というファイルは存在していますか？
id または name が"photo" のimg 要素がHTML に存在していますか？

補足

慌てていて詳しい説明を入れ忘れていました。
質問に回答します。

HTMLは、iframeは使用していません。

画像上のリンクをクリックしても、ページのアドレスは変わりません。
今現在問題なく稼働しているWebサイトでも確認してみましたが、htmlの後ろに「？」が入り、その後ろに画像の開始番号が入っています。
（８枚ある場合、0101～0108と番号があり、アドレスは「….html?0101」になっています。）

imgフォルダの中にphotoと言うフォルダもあり、0101.jpgからきちんと画像があります。
当該Javascriptがjsと言うフォルダにおかれているので、../img/photo/で間違いないです。

idとnameがphotoのimg（spacer.gif）がhtml上に存在しています。

「画像上のリンク」は、クリッカブルマップで配置しています。
右側の画像のリンクをクリックすると、左側の画像が入れ替わると言う動きです。

ホスト側と同じフォルダ構成にしているのですが、ローカルにダウンロードすると動きません。
そのローカルにダウンロードしたものをホストにアップロードしても動作しません。
ローカルとホストで違うとすれば、文字コードを「Shift_JIS」から「UTF-8」に変更した事でしょうか。