2015-01-21 57 views
0

加載圖片我面臨着一個驚人的問題,我的HTML程序加載從網頁而不是從本地硬盤驅動器的圖像。我通過更改路徑和文件夾嘗試了很多,但問題仍然存在。引導IMG SRC不是從本地硬盤驅動器

<div class="row"> 
<div class="col-md-4"> 
    <div class="thumbnail"> 
     <figure> 
      <img src="/images/img.jpg" 
       alt="Ghoomo Phiro Pakistan Adventure Club"> 
     </figure> 
     <div class="caption"> 
      EveryThing goes there 
     </div> 
    </div> 
</div> 
<div class="col-md-4"> 
    <div class="thumbnail"> 
     <a href="#" class="thumbnail"> 
      <img src="https://www.google.com/images/srpr/logo3w.png" 
       alt="Ghoomo Phiro Pakistan Adventure Club"> 
     </a> 
     <div class="caption"> 
      EveryThing goes there 
     </div> 
    </div> 
</div> 

爲什麼這項工作:

<img class="img-thumbnail img-responsive" 
    src="http://upload.wikimedia.org/wikipedia/sr/0/0c/Firefox-logo.png" 
    alt="" /> 

但不是本地圖片:

<img class="img-thumbnail img-responsive" 
    src="http://localhost/live/images/logo.png" 
    alt="" /> 
+0

在上面的代碼中的第一個1是行不通的,但第二個路徑的工作原理是加載圖像從網頁。 – Baber 2015-01-21 04:00:39

+0

可能是因爲圖片的路徑是錯誤的。檢查使用Firebug控制檯的元素,看看圖像是否加載在那裏 – asprin 2015-01-21 04:04:58

+0

泰諾是完全正確的,我應該把它放在評論領域....繼續前進。 – 2015-01-21 04:11:48

回答

0

如果您使用的src = 「/圖片/文件名」,那麼瀏覽器查找圖片文件夾中根目錄。如果圖像文件夾在相同的工作目錄下,那麼它將無法工作。您必須將其替換爲./images/fileName或images/fileName

+0

謝謝親愛的,但它仍然不工作。 – Baber 2015-01-21 04:55:08

0

檢查您的圖像是否位於一個目錄中,而您的css文件位於另一個目錄中。如果是這樣的話,你的CSS文件就不能沒有目錄第一往上走,像這樣來訪問圖像:

<img src="../images/img.jpg"