画像表示ができないブラウザがあるのですが…

Question

ホームページ作成を勉強している初心者です。

Eclipse（PHP）を使い作成しているのですが、
ブラウザで確認してみると、はめ込んだ画像を表示するブラウザと、
エラー表示（枠だけ表示）になってしまうブラウザが存在します。

【表示OK】
・Microsoft Edge
・Internet Exploer

【表示ERR】
・Google Chrome
・FireFox

I/Eなどでは表示されているので、「入力ミス」は無いかと思っており、
ブラウザ側の設定？とも思っていろいろ調べてみたのですが、
解決することができず…。

どなたかご教授いただきたくとうこうさせていただきました。

---

失礼しました。
以下の内容で良かったでしょうか？

・PHP Version 5.6.30
・Apache

<?php
  date_default_timezone_set('Asia/Tokyo');
  $h = date("H");
  if ($h < 10) {
    echo '<img src="C:/Users/yoco4/Desktop/pleiades/image/asa.jpg" width="250" height="166" alt="朝"> <p>おはようございます</p>';
  } elseif ($h < 18) {
    echo '<img src="C:/Users/yoco4/Desktop/pleiades/image/hiru.jpg" width="250" height="166" alt="昼"><p> こんにちは</p>';
  } else {
    echo '<img src="C:/Users/yoco4/Desktop/pleiades/image/yoru.jpg" width="250" height="166" alt="夜"> <p>こんばんは</p>';
  }
?>

Comments

[m.ts10806]

これだけでは現象確認することができないので、実際のソースコードをご提示ください。

[m.ts10806]

あとはPHPとのことで実行環境（PHPのバージョン、サーバーの種類など）もあわせてご提示願います。

[m.ts10806]

プログラムコードは```で囲ってください。（わからなければ質問編集画面でコード部分を選択し<code>ボタンを押してください）

Answer 1

html上で画像をホームページ作成中のパソコンのローカルファイル（のパス）で指定したら、そりゃ表示されないでしょう。
htmlとjpgやgifなどの画像が、htmlファイルの位置から見たらどこに置かれるか、相対パスでしていするか、
もしくは公開先サーバー上での絶対パスで指定するものです。

HTMLの相対パス、絶対パスを紹介します【HTML5実践編】

Comments

[SISI_1140]

回答ありがとうございます。
根本が異なっていたようですね…。
保存場所を変更して再トライしてみます！

Answer 2

画像の置き場はApacheドキュメントルート配下にすべきと思います。
httpd.confのDocumentRootを確認して、例えば
C\xampp\htdocs となっていれば C\xampp\htdocs\images\ の下に置き、
該当のphpを実行している場所からの相対パスで参照させる、とか。

Comments

[SISI_1140]

色々とありがとうございまいた。
画像の保管先の問題なんですね（汗
いただいた内容を参考に修正してみたいと思います。

Answer 3

その画像の形式は間違っていませんか？

拡張子がjpgとなっていても中身はpngだったりgifだったりする場合にimg src="sample.jpg"と指定してもブラウザーによっては表示されない場合があります。
まずは画像の拡張子を信用せずに、画像の形式と拡張子が合致しているか確認してみてください。

Comments

[SISI_1140]

回答ありがとうございます。
その辺りも心配になり、各画像のプロパティ「ファイルの種類」でjpg保存されていることを確認しました。

[zeijaku.net]

右クリックでプロパティでしょうか？
その場合、PNG画像の拡張子をjpgとした場合はJPEGイメージと表示されます（手元のWindows7で確認）
Windows10が今手元にないので何ともいえませんが、ツールで確かめてみてもいいかもしれません。
また、表示されないのは朝昼夜の全てで発生していると考えて良いでしょうか？

[zeijaku.net]

こちらはローカルサーバーのディレクトリかと思いますが
ローカルサーバーのディレクトリはC:/Users/yoco4/Desktop/pleiadesに設定されていますか？