JavaScriptでの写真公開において、Firefoxでの動作に問題がある

2010/03/11 18:38

このQ&Aのポイント

JavaScriptを使用して写真をwebページに公開しようとした際、Firefoxで正常に動作しない問題が発生しました。
他のブラウザ（IEやOpera）では正常に動作しているにも関わらず、Firefoxではソースコードが期待通りに機能していないようです。
HTMLのDOCTYPE宣言や属性の差異が問題になっている可能性もあるため、確認が必要です。修正箇所や不明点を洗い出し、順次対応していきます。

JavaScriptが、Firefoxで動かない。

ド素人なので、もし言葉の表現に不適切なものがあったらすみません。写真をwebページに公開しようと思い、まずはサムネイル写真を並べて表示し、クリックすると別のスペースに大きく写真と、あとコメントが入るようにしようと思っています。現在公開中の別のサイトさんに同じようなサイトがあったので、ソースをまるまるコピペしてきました。こんな感じです。 ▼head部 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> ▼bodyタグにonLoad追加 <body onLoad="ImgChange(0);"> ▼body部　拡大した写真の表示場所 <img src="pho01/0.jpg" alt="" id="img1"><br> <form name="form1" method="post" action=""><textarea name="coment01" type="" value="" id="coment-box" style="width:350px; height:75px;"></textarea></form> ▼body部　サムネイル表示場所 <a onClick="ImgChange(0)"><img src="pho01/s0.jpg" width="40" height="30"></a> <a onClick="ImgChange(1)"><img src="pho01/s1.jpg" width="40" height="30"></a> <a onClick="ImgChange(2)"><img src="pho01/s2.jpg" width="40" height="30"></a> 画像はhtmlファイルと同じ階層に「pho01」というフォルダを作り、サムネイル「s1.jpg」の画像に対し「1.jpg」という拡大した時用の画像を同じフォルダに入れています。 IEやOperaでは正常に動いたのですが、Firefoxで動きません。ソースの写させてもらったサイトではFirefoxでも動きます。ページは、いずれもshift_jisです。ただ気になるのは、ソースを写させてもらったサイトはDOCTYPE宣言や属性（？）がなく<html><head>～で始まっていました。私が作っているページはHTML 4.01 Transitionalで宣言をし<html lang="ja">しています。そのあたりも関係しているのでしょうか。思いつく修正箇所、不明箇所があったら上げてくださると嬉しいです。一つ一つ、確認していきます。