2017-10-16 12 views
0

私はGithubをSCM &として使用しており、Herokuで自動展開を有効にしています。私は単純なHTML、CSS、JSアプリケーションのためにHerokuを試しています&展開のためにPHPを使用しました。私のすべての画像はGitで利用可能です。画像に与えられた相対パスも正しいです。画像のいくつかはまだ&に404が反映されていませんが、ほとんどの画像は表示されます。理由は何でしょうか?ここでHerokuでホストされているPHPアプリケーションの画像が一部読み込まれていない

は、コードスニペット

.bgimg1 { 
 
      background-image: url('images/Top_Image.jpg'); 
 
     }
<body class="background"> 
 
    <div class="loader"></div> 
 
    <div class=" bgimg1">My top content </div> 
 

 
<div class="carousel-inner" role="listbox"> 
 
       <div class="item active"> 
 
        <img src="images/1.jpg" alt="img" height="50%" width="100%"> 
 
       </div> 
 
       <div class="item"> 
 
        <img src="images/2.jpg" alt="img" height="50%" width="100%"> 
 
       </div> 
 
      </div> 
 
</body>

、ここでプロジェクト構造であるのです。 enter image description here

答えて

1

、正しい画像を参照していることを確認してください大文字/小文字に注意: ファイル名が本当に.JPG(大文字)しているときに、あなたのHTMLに*.jpg(小文字)を参照しています。

修正されたコード:

.bgimg1 { 
    background-image: url('images/Top_Image.JPG'); 
} 

<body class="background"> 
    <div class="loader"></div> 
    <div class=" bgimg1">My top content </div> 
    <div class="carousel-inner" role="listbox"> 
    <div class="item active"> 
     <img src="images/1.JPG" alt="img" height="50%" width="100%"> 
    </div> 
    <div class="item"> 
     <img src="images/2.jpg" alt="img" height="50%" width="100%"> 
    </div> 
    </div> 
</body> 
関連する問題