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ベストアンサー
- 回答日時:
twill115 さん、おはようございます。
さて私も twill115 さんのスクリプトを試してみたところ、特に問題なく動作しました。むしろ、次の点をチェックしてみてください。
(1)このスクリプトを使っている html ファイルと同じディレクトリに「t」というディレクトリがあるか。
(2)その「t」の中に、「1.jpg」~「5.jpg」までの画像ファイルが存在するか。拡張子も「jpeg」でなく「jpg」になっているか。
実は私が最初試したとき、うまく行かなかったので調べたら上記(2)が原因だったのでした(笑)。… jpg と jpeg の違いだったのでした。
この回答への補足
hkd9001さん、回答ありがとうございます。
hkd9001さんが助言してくれたとおり、htmlファイルをチェックしたのですが、
「t」というディレクトリは確認できませんでした。
なんというか、その、わたしはMacを使用しているのですが、
制作したhtmlファイルをプラウザにいれて確認すると画像は表示できるのですが、
サーバーにアップロードすると画像が表示されていないことになっているんです。
関係があるのかどうか不明ですが、まだなにか助言をいただけるとありがたいです。
No.5
- 回答日時:
twill115 さん、再びレスありがとうです。
う~ん…。それでは、
(1)そのサーバ側にできた「t」というディレクトリの中には、「1.jpg」~「5.jpg」までの画像ファイルは存在していますか?
(2)サーバ側の、「t」が存在するディレクトリに、おおもとの htmlファイルはありますか?
もし上記(1)(2)がOKなら、
(3)サーバ側の、「t」が存在するディレクトリは、本来 html を置いてもいい(置くべき)ディレクトリですか?(「index.html」「index.php」などが置いてあるディレクトリですか?)
を確認してください(レンタルサーバなら、契約したときに「これこれの名前のフォルダに html ファイルを置いてください」というのがあるはずです)。
この回答への補足
hkd9001さん、こちらこそ速急に回答ありがとうございます。
(1)(2)はクリアしてました。
(3)についてはまったくそのとおりです。ベースのディレクトリに「t」のディレクトリを置いています。
みなさん、いままで様々なアドバイスをありがとうございました。
先日友人に直接ソースをみせたところ、原因が判明しました。
友人いわく「改行がされてなかったから」だそうです。
SimpleText上ではきちんと改行しているのですが
サーバーにアップロードする際に(わたしの動作環境上なのか)ずらっと
一行にされてしまうので、それが一因となっていたようです。
問題になっているURLを提示してはいけないとあったので
口答だけで伝えようと奮闘したのですが‥‥。
たくさんのかたから親切な回答をしていただき、とてもうれしかったです。
これからもみなさんのご意見はわすれません。
またお世話になることもあるかと思いますが、そのときはどうぞよろしくおねがいします。
No.4
- 回答日時:
まったくの推測ですが、もしかしてUPした画像の拡張子が
大文字になっているとかはないですか。「1.JPG」のような
具合。環境によってはありがちがことです。
この回答への補足
ANASTASIAKさん、回答ありがとうございます。
確認してみたところ、拡張子はすべて小文字になっていました。
「jpeg」だったということもなかったです。
No.3
- 回答日時:
twill115 さん、レスありがとうです。
あぁ、大体見えてきました。つまり…
「お手元の Mac には t というディレクトリがある」
しかし、
「サーバ上には t というディレクトリがない」
という状態ですね。
ならば t というディレクトリも、サーバにアップロードしてやることが必要ですね。
この回答への補足
hkd9001さん、回答ありがとうございます。
たりない頭をフル稼働させて
言っていただいたとおりディレクトリを制作(アップロード)したのですが
以前と状況はまったく同じままなのです‥‥。
せっかく素早い回答をいただいているのに
申し訳ありません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Perl 画像が表示でnull; this.src 1 2022/04/19 11:31
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで変更した属性の元...
-
【OpenCV】二値画像後、白の部...
-
MFCで画像を表示させているので...
-
imageクラスからiconクラスに変...
-
error LNK2019 未解決のシンボ...
-
(javascript)HTMLで指定した...
-
指定したフォルダの画像を一括...
-
jQuery 複数のfind()
-
複数画像のランダム複数表示(...
-
createElementによる空要素の生...
-
MAX関数を使ってからLEFT JOIN...
-
javascriptで毎月替わる画像
-
Slick.jsのオプションrtlについて
-
jQueryで、リンクURLの一致を確...
-
jQueryで同じクラス名のものを...
-
フッター上部に謎の隙間
-
アップロードファイルの種類に...
-
HTMLで条件分岐はできますか?
-
大分類・中分類・小分類
-
HTMLですCSSです 画像のように...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptで変更した属性の元...
-
MFCで画像を表示させているので...
-
画像が表示でnull; this.src
-
error LNK2019 未解決のシンボ...
-
(javascript)HTMLで指定した...
-
外部javascriptの重複を防ぐには
-
libjpegライブラリの使い方につ...
-
Vb.net2005での画像の合成方法
-
外部ファイルにしたら文字化け...
-
jQuery 複数のfind()
-
HTMLからimgのsrcのみを正規表...
-
html内にスライドショーを複数設置
-
条件分岐でキーが入力されてい...
-
複数画像のランダム複数表示(...
-
ダイアログから画像ファイルは...
-
【OpenCV】二値画像後、白の部...
-
"lightbox"の"CLOSE"ボタンクリ...
-
onclickで画面が固まる・・・ら...
-
pythonで、tkinterとpillowの組...
-
imgボタンにfocusの当て方
おすすめ情報