2012-01-17 104 views
15

我開始使用Visual Studio和Windows Phone 7開發我的第一個PhoneGap項目,但我打算最終部署到iOS和Symbian。WP7上的Phonegap不會加載圖像

不過,我被堵在第1步:我增加了一個圖像到www/images文件夾,然後把下面的代碼:

<img src="images/login-btn.png" width="103" height="42" style="margin-left:90px;" /> 

我也得到:

enter image description here

它在IE9中預覽時工作正常,但我沒有Mac在iOS上進行測試。

值得注意的是,JS文件和CSS加載正常,它只是任何圖像(無論在CSS中引用還是在<img>標記中)都會出現中斷。

回答

32

我的猜測是你的圖像文件的Build Action不正確。

根據http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructure第4部分。您應該將圖像等的Build Action設置爲Content,它只是在構建時將它們複製到輸出項目中。目前它們可能設置爲ResourceNone

要更改Build Action右鍵單擊一個文件並選擇要轉到屬性窗口的屬性(如果尚未打開它)。它可能是第一個屬性。只需點擊並選擇正確的一個。

+1

哈,你知道嗎,我讀了這個頁面大概50次,每次我錯過了B步的最後幾個單詞。 – 2012-01-17 22:19:30

0

我發佈這個問題,我發現,同時試圖找到我的答案同樣的問題。我使用的JS框架在調試模式下爲每個圖像添加一個url查詢(爲了強制瀏覽器重新加載圖像,而不是使用緩存)。因此,我的圖像「image/background.jpg」將作爲「image/background.jpg?d = 34342233」進行訪問。但是,在Windows Phone的PhoneGAP上運行時,它不會識別該圖像,因此顯示爲已損壞。所以,我不得不關閉對我使用的框架的調試,並且突然顯示圖像(仍然,不要忘記像前面提到的那樣將生成操作設置爲「內容」)。