WP7のPhoneGapで画像が読み込まれない

Question

私は最初にPhoneGapプロジェクトを開始していますが、Visual StudioとWindows Phone 7を使って開発していますが、最終的にiOSとSymbianにも展開したいと考えています。

しかし、私は私がwww/imagesフォルダに画像を追加したステップ1で立ち往生し、次のコード入れています：

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

をそして私が手：

IE9でプレビューするとうまく動作しますが、iOS上でまだMacをテストしていません。

JSファイルとCSSが正常に読み込まれていることは注目に値します。CSSや<img>タグで参照されている画像でも問題ありません。

Answer 1

画像ファイルのBuild Actionが間違っていると思います。

http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructureセクション4.画像などのBuild ActionをContentに設定して、出力プロジェクトを作成するときに出力プロジェクトに単純にコピーする必要があります。おそらく現在はResourceまたはNoneに設定されています。

Build Actionを変更するには、ファイルを右クリックしてプロパティを選択し、プロパティウィンドウを開いていない場合はプロパティウィンドウに移動します。それはおそらく最初のプロパティです。クリックして正しいものを選択するだけです。

Answer 2

同じ問題を解決するために私が見つけた質問に、これを投稿しています。使用しているJSフレームワークは、デバッグモードのときに、各画像にurlクエリーを追加します（キャッシュされたものを使用せずにブラウザにイメージを読み込ませる）。ですから、私のイメージ "image/background.jpg"は "image/background.jpg？d = 34342233"としてアクセスされます。しかし、PhoneGAP for Windows Phoneで実行している場合、画像は認識されないため、壊れたものとして表示されます。だから、私は使用しているフレームワークのデバッグを止めなければなりませんでした。突然画像が表示されました（まだ、前述のようにビルドアクションを "コンテンツ"に設定することを忘れないでください）。