Phonegap en WP7 no carga imágenes

Question

Estoy comenzando mi primer proyecto PhoneGap y estoy desarrollando usando Visual Studio y Windows Phone 7, aunque pretendo finalmente implementarlo en iOS y Symbian también.

Sin embargo, estoy atascado en el paso 1. He añadido una imagen a la carpeta www/images, y poner el siguiente código:

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

Y consigo:

Funciona bien cuando tengo una vista previa en IE9, pero aún no tengo una Mac para probarlo en iOS.

Vale la pena señalar que los archivos JS y CSS se han cargado bien, es simplemente cualquier imagen (ya sea que se haga referencia en CSS o en una etiqueta <img>) siempre aparece rota.

Answer 1

Supongo que el Build Action de su archivo de imagen es incorrecto.

De acuerdo con http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructure sección 4. Usted debe establecer el Build Action de sus imágenes, etc. en Content, que simplemente las copia en el proyecto de salida cuando se construye. Probablemente estén configurados actualmente en Resource o None.

Para cambiar Build Action, haga clic con el botón derecho en un archivo y seleccione las propiedades para ir a la ventana de propiedades si aún no lo tiene abierto. Probablemente sea la primera propiedad. Simplemente haga clic y elija la correcta.

Answer 2

Estoy publicando esto a preguntas que encontré al intentar encontrar mi respuesta al mismo problema. El framework JS que utilizo agrega una consulta url a cada imagen cuando está en modo de depuración (para forzar a los navegadores a recargar la imagen, en lugar de usar el caché). Entonces, mi imagen "image/background.jpg" sería accedida como "image/background.jpg? D = 34342233". Pero, cuando se ejecuta en PhoneGAP para Windows Phone, no reconocerá la imagen y, por lo tanto, se mostrará como rota. Entonces, tuve que desactivar la depuración del framework que uso, y de repente aparecieron las imágenes (aún así, no olvides configurar Build Action en "Content" como se mencionó anteriormente).