PHPのランダム画像が表示されません

Question

https://webnetamemo.com/coding/php/201608313448
このサイトを参考に、ランダムで一枚だけ表示されるコードを書いていて、仮想(AtomIDE)で見ると上手く行っているぽいのですが、サーバー(ロリポップ)のサイトで見ると表示されない状態です。

<?php
  $image_rand=array(
    "img/img_6521.png",
    "img/img_6522.png",
    "img/img_6524.png",
    "img/img_6525.png",
    "img/img_6526.png",
    "img/img_6527.png",
  );
  $image_rand=$image_rand[mt_rand(0,count($image_rand)-1)];
  echo '<img src=".$image_rand."alt="">'; 
  ?>

チェックしたのは
・画像ファイルの階層と指定（置き場所）
・ファイル名ミス(大文字小文字など)
・サーバーにアップロードしたか
で、それらは問題なしでした。

仮想では

<img src=".$image_rand."alt="">

と(たぶん)ちゃんとHTML化されています。
どうしたらサイトに画像を表示できますか？
コード内どこかで間違えているところがあったら教えていただきたいです

追記：

画像で載せたんですが、HTMLのファイルと画像は同階層になっていますか？(私の思っていたのと違うかもしれないので確認していただけると助かります)
あと、ブラウザで確認したソースでは画像部分が

<img src="$image_rand."alt="">    

になっていました。この時点で$image_rand.ではなくファイル名(img_6521.pngなど)が指定されていないとダメということでしょうか？

Comments

[gouf]

出力部分を「echo "<img src=\"$image_rand\" alt=\"\">"; 」に書き換えた場合、動作に変化は見られますか?

[Kitami]

回答ありがとうございます。
ブラウザの表示、ソースともに変化は見られませんでした…

[gouf]

Atom には たとえば php-server ( https://atom.io/packages/php-server ) 拡張があるようですが、どのような環境で実行されていますか?

[Kitami]

仮想サーバーはatomのパッケージにある script を使い、ブラウザではロリポップのレンタルサーバーを使っています

[Kitami]

php-serverでひらいてみたところ、うまくいきました！なのでロリポップサーバーへのアップロード関連がうまく行ってないんだとわかりました。色々チェックし直して見ます。
ありがとうございます！

[gouf]

1歩前進ですね。状況をまとめた自己回答をベストアンサーに設定して、また改めて質問してみると良いかもしれません

[Kitami]

嬉しいです！
確かに、状況まとめた方が良いですね。ついさっきベストアンサーを設定しましたが、後からでも自己回答はできるみたいなのでやってみます！

Answer 1

<?php

  $image_array = array(
    "img/img_6521.png",
    "img/img_6522.png",
    "img/img_6524.png",
    "img/img_6525.png",
    "img/img_6526.png",
    "img/img_6527.png",
  );
  $image_rand = $image_array[mt_rand(0,count($image_array)-1)];
  echo '<img src="'.$image_rand.'" alt="">';

で動作確認できてる。

ちゃんと動かないとしたら、編集中phpファイルを保存し忘れていないかとか、
アップロードし忘れていないかとか、
基本的なところを点検するべし。

個人的には、
配列データだったところに突然配列じゃないデータが入るのは気持ち悪いので、
あえて別の変数名を使うようにした。
代入演算子「=」の前後に空白を挿入して見やすくしたりもした。

Comments

[Kitami]

ありがとうございます。
コピペしてやって見たところ、仮想では
<img src="img/img_6522.png" alt="">
という感じでちゃんとランダム表示されるようになりました！
サーバーで見るとまだ表示されないのでコード以外をもう一度チェックして見ます

Answer 2

まとめメモです
kei344さん、m6uさん、goufさん、３人のすごい方々に助けていただきました。
本当にありがとうございました！

---

１：画像の状態から

 $image_rand = $image_array[mt_rand(0,count($image_array)-1)];
  echo '<img src="'.$image_rand.'" alt="">';

に変更。
(・ここで’’の打ちミス直しと

$image_rand=$image_rand
↓
$image_rand=$image_array

に変更している)

結果↓
出力が

<img src="$image_rand."alt="">
から
<img src="img/img_6522.png" alt="">

と、ちゃんとランダム出力されるようになる。(仮想・ローカル・ロリポップサーバー全て)

２：(ここでAtom php-serverを導入して仮想とローカルサーバーでは表示も出来ていることを確認)

３：ロリポップサーバーの画像表示のみ、上手くいかないのでアップロードやパス、フォルダの階層に問題があるとわかる。

４：アップロードがファイルごとでなく画像毎にやっているのでファイルの階層がローカルとロリポップサーバーの方で違ってしまって表示されないのでは？と推測。
ファイルごとアップロードする方法が見つからなかったので画像それぞれをHTMLと同じ階層に移してアップロードし直す
(これは画像ファイルが増えてきたら見づらいので、まとめたフォルダに入れたまま上手くアップロードする方法を探したいと思います)
→3/13追記：ロリポップアップロードページにて、「新規ファイル」を作成すると、その中に階層分けして画像をアップロードできました。(なのでファイル内で画像とテキストファイルが混在することなく見易くなりました)

↓
５：ロリポップサーバーでも表示成功！いえーい

Answer 3

とりあえず。

// echo '<img src=".$image_rand."alt="">';
//                 ↓            ↓
   echo '<img src="'.$image_rand.'"alt="">';

Comments

[Kitami]

ありがとうございます！
直してみたんですがやはり表示されません…

[kei344]

<img src="img/img_6522.png"alt="">とかが出力されているはずですよね。出力されたHTML（ブラウザで「ページのソースを表示」）で確認してください。
PHPファイルと同階層にフォルダimgがあって、そのなかにimg_6522.pngなど画像が有るか確認してみてください。

[Kitami]

追記しましたので確認していただけると助かります…！よろしくお願いいたします。

[kei344]

カンマが多いですので、確認してみてください。

[Kitami]

echo '<img src="'’.$image_rand.'’"alt="">';
↓
echo '<img src="'.$image_rand.'"alt="">';
に直しました！が変化なしで表示されませんでした…

[kei344]

出力されたHTML（ブラウザで「ページのソースを表示」）で確認してください。
表示されるかどうかの前に、HTMLとして正しい物が出ているかどうかが先です。

正しくHTMLが出力されているならば、パスの問題か、画像がパスから探せない状態かどちらかだと思います。

[Kitami]

atomの仮想、ローカルサーバー、ロリポップサーバー共にHTMLは正しく出力されるようになったので、最終的に画像それぞれの階層をHTMLと同じにしてアップロードし直したところ、万事うまくいきました！
本当にありがとうございます