궁극적으로 iOS 및 Symbian에도 배포 할 예정이지만 첫 번째 PhoneGap 프로젝트를 시작하고 Visual Studio 및 Windows Phone 7을 사용하여 개발하고 있습니다.WP7의 Phonegap이 이미지를로드하지 않습니다.
그러나, 나는 내가 www/images 폴더에 이미지를 추가 한 1 단계에 붙어, 다음과 같은 코드를 넣어 해요 :
<img src="images/login-btn.png" width="103" height="42" style="margin-left:90px;" />
를 내가 얻을 :
IE9에서 미리보기를하면 잘 작동하지만 아직 iOS에서 테스트 할 Mac이 없습니다.
JS 파일과 CSS가 잘로드되었다는 것은 주목할 가치가 있습니다. CSS 또는 <img> 태그에서 참조 된 이미지 일뿐입니다. 항상 깨졌습니다.
내 생각 엔 이미지 파일의 Build Action이 맞지 않을 것입니다.
섹션 4에 따라 http://wiki.phonegap.com/w/page/48672055/Getting%20Started%20with%20PhoneGap%20Windows%20Phone%207#4Reviewtheprojectstructure 섹션 4. 이미지의 Build Action을 Content으로 설정하여 출력 프로젝트에 빌드를 복사하기 만하면됩니다. 현재는 Resource 또는 None으로 설정되어 있습니다.
Build Action을 변경하려면 파일을 마우스 오른쪽 단추로 클릭하고 속성을 선택하여 속성 창이 열려 있지 않은 경우 속성 창으로 이동하십시오. 아마도 첫 번째 속성 일 것입니다. 을 클릭하고 올바른 것을 선택하십시오.
같은 문제에 대한 답을 찾으려고 할 때 발견 한 질문에이 글을 게시하고 있습니다. 내가 사용하는 JS 프레임 워크는 디버깅 모드에있을 때 각 이미지에 URL 쿼리를 추가합니다 (캐시 된 이미지 대신 브라우저에서 이미지를 다시로드하도록 강제). 따라서 내 이미지 "image/background.jpg"는 "image/background.jpg? d = 34342233"으로 액세스됩니다. 그러나 Windows Phone 용 PhoneGAP에서 실행하면 이미지를 인식하지 못하므로 깨진 것으로 표시됩니다. 그래서, 내가 사용하는 프레임 워크에 대한 디버깅을 꺼야했고 갑자기 이미지가 나타났습니다 (여전히, 앞서 언급 한 "컨텐츠"로 빌드 액션을 설정하는 것을 잊지 마십시오).
하하, 내가 50 번 정도 읽었을 때마다 B 단계 마지막 몇 단어를 놓쳤습니다. –