HTML文檔將無法識別圖像文件夾

我有一個網頁，它從我的htdocs文件夾中的images文件夾中抓取多個圖像，但它們總是顯示斷開的鏈接圖標。HTML文檔將無法識別圖像文件夾

這裏是我的層次我htdocs文件夾中：

index.html 
style 
    site.css 
scripts 
    site.js 
images 
    testing.png 
    ...

我不明白的是，CSS和Javascript是罰款，但沒有加載圖像

下面是一些代碼：

這些工作：

<script type="text/javascript" src="scripts/comic.js"></script> 
<link rel="stylesheet" href="styles/comic.css"/>

但這並不：

<img id="img-0" src="images/testing.png"/>

2014-02-14 TheDoctor

我們展示代碼，並在那裏爲你的圖片文件夾中的這種結構？ – Bilal

好的，'images'文件夾在哪裏？ –

嘗試更多，我發現直接訪問圖像不會在'圖像'文件夾內工作，但將其放入根目錄中。我不想將全部1500張圖片移到根目錄，所以我不知道該怎麼辦 – TheDoctor

從index.html中的鏈接應該是：src='images/.....'

從CSS中，你應該使用：url(../images/.....)尋找images目錄

2014-02-14 15:12:05 Phil

你必須使用」前回根文件夾../ 「回去一個目錄，這就是爲什麼他們被打破。

2014-02-14 15:13:22

雖然我的HTML在根目錄中。 – TheDoctor

它不起作用 – TheDoctor

我認爲文件夾目錄存在問題。如果你的情況是這樣

index.html 
style 
    site.css 
scripts 
    site.js 
images 
    img1.png 
    img2.png

，那麼你就必須使用這個（從index.html的）：你必須

index.html 
style 
    site.css 
scripts 
    site.js 
img1.png 
img2.png

則：如果你有這種情況

src="images/img1.png"

使用這個（來自index.html）：

src="img1.png"

，如果你有這種情況：

index.html 
    style 
     site.css 
    scripts 
     site.js 
img1.png 
img2.png

，那麼你就必須使用這個（從index.html的）：

src="../img1.png"

2014-02-14 15:20:06 Fxxxx

我的情況是第一個。我試圖直接訪問圖像，但我得到了一個403錯誤。 – TheDoctor

嘗試更改文件夾和圖像的權限 – Fxxxx

回答