• ベストアンサー

画像をランダムに

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> とタグをうっているのですが、なにか足りないところがあるのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • hkd9001
  • ベストアンサー率48% (99/204)
回答No.2

twill115 さん、おはようございます。 さて私も twill115 さんのスクリプトを試してみたところ、特に問題なく動作しました。むしろ、次の点をチェックしてみてください。 (1)このスクリプトを使っている html ファイルと同じディレクトリに「t」というディレクトリがあるか。 (2)その「t」の中に、「1.jpg」~「5.jpg」までの画像ファイルが存在するか。拡張子も「jpeg」でなく「jpg」になっているか。 実は私が最初試したとき、うまく行かなかったので調べたら上記(2)が原因だったのでした(笑)。… jpg と jpeg の違いだったのでした。

twill115
質問者

補足

hkd9001さん、回答ありがとうございます。 hkd9001さんが助言してくれたとおり、htmlファイルをチェックしたのですが、 「t」というディレクトリは確認できませんでした。 なんというか、その、わたしはMacを使用しているのですが、 制作したhtmlファイルをプラウザにいれて確認すると画像は表示できるのですが、 サーバーにアップロードすると画像が表示されていないことになっているんです。 関係があるのかどうか不明ですが、まだなにか助言をいただけるとありがたいです。

その他の回答 (4)

  • hkd9001
  • ベストアンサー率48% (99/204)
回答No.5

twill115 さん、再びレスありがとうです。 う~ん…。それでは、 (1)そのサーバ側にできた「t」というディレクトリの中には、「1.jpg」~「5.jpg」までの画像ファイルは存在していますか? (2)サーバ側の、「t」が存在するディレクトリに、おおもとの htmlファイルはありますか? もし上記(1)(2)がOKなら、 (3)サーバ側の、「t」が存在するディレクトリは、本来 html を置いてもいい(置くべき)ディレクトリですか?(「index.html」「index.php」などが置いてあるディレクトリですか?) を確認してください(レンタルサーバなら、契約したときに「これこれの名前のフォルダに html ファイルを置いてください」というのがあるはずです)。

twill115
質問者

お礼

みなさん、いままで様々なアドバイスをありがとうございました。 先日友人に直接ソースをみせたところ、原因が判明しました。 友人いわく「改行がされてなかったから」だそうです。 SimpleText上ではきちんと改行しているのですが サーバーにアップロードする際に(わたしの動作環境上なのか)ずらっと 一行にされてしまうので、それが一因となっていたようです。 問題になっているURLを提示してはいけないとあったので 口答だけで伝えようと奮闘したのですが‥‥。 たくさんのかたから親切な回答をしていただき、とてもうれしかったです。 これからもみなさんのご意見はわすれません。 またお世話になることもあるかと思いますが、そのときはどうぞよろしくおねがいします。

twill115
質問者

補足

hkd9001さん、こちらこそ速急に回答ありがとうございます。 (1)(2)はクリアしてました。 (3)についてはまったくそのとおりです。ベースのディレクトリに「t」のディレクトリを置いています。

  • ANASTASIAK
  • ベストアンサー率19% (658/3306)
回答No.4

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

twill115
質問者

補足

ANASTASIAKさん、回答ありがとうございます。 確認してみたところ、拡張子はすべて小文字になっていました。 「jpeg」だったということもなかったです。

  • hkd9001
  • ベストアンサー率48% (99/204)
回答No.3

twill115 さん、レスありがとうです。 あぁ、大体見えてきました。つまり… 「お手元の Mac には t というディレクトリがある」 しかし、 「サーバ上には t というディレクトリがない」 という状態ですね。 ならば t というディレクトリも、サーバにアップロードしてやることが必要ですね。

twill115
質問者

補足

hkd9001さん、回答ありがとうございます。 たりない頭をフル稼働させて 言っていただいたとおりディレクトリを制作(アップロード)したのですが 以前と状況はまったく同じままなのです‥‥。 せっかく素早い回答をいただいているのに 申し訳ありません。

noname#39970
noname#39970
回答No.1

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

twill115
質問者

補足

SAYKAさん、回答ありがとうございます。 はい、画像そのものはサーバーにアップロードして ちゃんと表示できます。 それからすみません、初心者なので後半の ことばの意味がよくわららなくて‥‥uu 4行目~9行目のimgの名前を変えるということでしょうか? 変えるとしたら、たとえばどんな名前をつければいいのでしょうか? ほんとうに初心者すぎて申し訳ないですuuu

関連するQ&A

専門家に質問してみよう