画像をランダムに

質問

JavaScript初心者です。回答していただければさいわいです。

初心者といってもタグサイトからコピペしていじくるだけの者ですが。

画像をランダムに表示したいと思いJavaScriptを使用したのですが
うまく表示させることができません。
画像自体表示していないことになってしまいます。

画像を表示させたい部分に

<SCRIPT language="JavaScript">
<!--
//
img = new Array();
img[0] = "t/1.jpg";
img[1] = "t/2.jpg";
img[2] = "t/3.jpg";
img[3] = "t/4.jpg";
img[4] = "t/5.jpg";
n = Math.floor(Math.random()*img.length);
document.write("<img src='"+img[n]+"' border='0'>");
//-->
</SCRIPT>

とタグをうっているのですが、なにか足りないところがあるのでしょうか？

回答No.2

hkd9001 · ベストアンサー

twill115 さん、おはようございます。

さて私も twill115 さんのスクリプトを試してみたところ、特に問題なく動作しました。むしろ、次の点をチェックしてみてください。

（１）このスクリプトを使っている　html ファイルと同じディレクトリに「t」というディレクトリがあるか。

（２）その「t」の中に、「1.jpg」～「5.jpg」までの画像ファイルが存在するか。拡張子も「jpeg」でなく「jpg」になっているか。

実は私が最初試したとき、うまく行かなかったので調べたら上記（２）が原因だったのでした（笑）。…　jpg と jpeg の違いだったのでした。

補足

hkd9001さん、回答ありがとうございます。

hkd9001さんが助言してくれたとおり、htmlファイルをチェックしたのですが、
「t」というディレクトリは確認できませんでした。

なんというか、その、わたしはMacを使用しているのですが、
制作したhtmlファイルをプラウザにいれて確認すると画像は表示できるのですが、
サーバーにアップロードすると画像が表示されていないことになっているんです。

関係があるのかどうか不明ですが、まだなにか助言をいただけるとありがたいです。

回答No.5

hkd9001

twill115 さん、再びレスありがとうです。

う～ん…。それでは、
（１）そのサーバ側にできた「t」というディレクトリの中には、「1.jpg」～「5.jpg」までの画像ファイルは存在していますか？
（２）サーバ側の、「ｔ」が存在するディレクトリに、おおもとの htmlファイルはありますか？

もし上記（１）（２）がＯＫなら、

（３）サーバ側の、「ｔ」が存在するディレクトリは、本来 html を置いてもいい（置くべき）ディレクトリですか？（「index.html」「index.php」などが置いてあるディレクトリですか？）

を確認してください（レンタルサーバなら、契約したときに「これこれの名前のフォルダに html ファイルを置いてください」というのがあるはずです）。

お礼

みなさん、いままで様々なアドバイスをありがとうございました。

先日友人に直接ソースをみせたところ、原因が判明しました。
友人いわく「改行がされてなかったから」だそうです。
SimpleText上ではきちんと改行しているのですが
サーバーにアップロードする際に（わたしの動作環境上なのか）ずらっと
一行にされてしまうので、それが一因となっていたようです。

問題になっているURLを提示してはいけないとあったので
口答だけで伝えようと奮闘したのですが‥‥。

たくさんのかたから親切な回答をしていただき、とてもうれしかったです。
これからもみなさんのご意見はわすれません。
またお世話になることもあるかと思いますが、そのときはどうぞよろしくおねがいします。

補足

hkd9001さん、こちらこそ速急に回答ありがとうございます。

（１）（２）はクリアしてました。
（３）についてはまったくそのとおりです。ベースのディレクトリに「t」のディレクトリを置いています。

回答No.4

ANASTASIAK

まったくの推測ですが、もしかしてUPした画像の拡張子が
大文字になっているとかはないですか。「1.JPG」のような
具合。環境によってはありがちがことです。

補足

ANASTASIAKさん、回答ありがとうございます。

確認してみたところ、拡張子はすべて小文字になっていました。
「jpeg」だったということもなかったです。

回答No.3

hkd9001

twill115 さん、レスありがとうです。

あぁ、大体見えてきました。つまり…
「お手元の Mac には t というディレクトリがある」
しかし、
「サーバ上には t というディレクトリがない」
という状態ですね。

ならば t というディレクトリも、サーバにアップロードしてやることが必要ですね。

補足

hkd9001さん、回答ありがとうございます。

たりない頭をフル稼働させて
言っていただいたとおりディレクトリを制作（アップロード）したのですが
以前と状況はまったく同じままなのです‥‥。

せっかく素早い回答をいただいているのに
申し訳ありません。

回答No.1

noname#39970

画像そのものは　表示できるの？
念のためimgじゃない別の名前にしてみたらどう？(タグとして名前が存在するものだし)

補足

SAYKAさん、回答ありがとうございます。

はい、画像そのものはサーバーにアップロードして
ちゃんと表示できます。

それからすみません、初心者なので後半の
ことばの意味がよくわららなくて‥‥uu
4行目～9行目のimgの名前を変えるということでしょうか？
変えるとしたら、たとえばどんな名前をつければいいのでしょうか？

ほんとうに初心者すぎて申し訳ないですuuu