PhoneGap su WP7 non carica le immagini

Question

Sto iniziando il mio primo progetto PhoneGap e sto sviluppando utilizzando Visual Studio e Windows Phone 7, anche se intendo infine distribuire anche su iOS e Symbian.

Tuttavia, mi sono bloccato in Fase 1. Ho aggiunto un'immagine alla cartella www/images, e mettere il seguente codice:

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

E ottengo:

Funziona bene quando lo visualizzo in anteprima in IE9, ma non ho ancora un Mac per testarlo su iOS.

Vale la pena notare che i file JS e CSS hanno caricato bene, è solo una qualsiasi immagine (a cui si fa riferimento in CSS o un tag <img>) sempre rotto.

Answer 1

La mia ipotesi sarebbe il Build Action del file immagine non è corretto.

Secondo la sezione http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructure sezione 4. È necessario impostare Build Action delle immagini ecc. Su Content che semplicemente le copia nel progetto di output al momento della creazione. Probabilmente sono attualmente impostati su Resource o None.

Per modificare Build Action, fare clic con il pulsante destro del mouse su un file e scegliere Proprietà per andare alla finestra delle proprietà, se non è già aperto. Probabilmente è quindi la prima proprietà. Basta fare clic e scegliere quello corretto.

Answer 2

Sto postando questo a domande che ho trovato mentre cercavo di trovare la risposta allo stesso problema. Il framework JS che uso aggiunge una query url ad ogni immagine quando si trova in una modalità di debug (per forzare i browser a ricaricare l'immagine, invece di usare la cache). Quindi, la mia immagine "image/background.jpg" sarebbe stata letta come "image/background.jpg? D = 34342233". Ma, quando è in esecuzione su PhoneGAP per Windows Phone, non riconoscerà l'immagine e quindi si presenterà come rotta. Quindi, ho dovuto disattivare il debug per il framework che utilizzo, e improvvisamente le immagini si sono presentate (ancora, non dimenticate di impostare l'azione Build su "Content" come accennato in precedenza).