Bilder nicht zeigen, sind in PhoneGap-Anwendung Erstellen
Habe ich vor kurzem beschlossen, beginnen mit PhoneGap Build erstellen Sie apps mit web-Technologien. Bitte beachten Sie, dass ich Sie mit PhoneGap Build PhoneGap nicht und so muss ich nicht pflegen native APIs.
Ich benutze HTML-img-tags für die Anzeige der Bilder natürlich und ich habe einige Schwierigkeiten. Die Bilder zeigen schön in einem browser, aber wenn ich es auf mein Handy, die Sie einfach verschwinden. Ich habe alles versucht: überprüfung der Fall-und Schreibweise. Ich habe sogar versucht, das hochladen der Bilder auf meiner website-server-und nichts.
Jede Hilfe zu diesem wird sehr geschätzt.
UPDATE
Ich diese HTML -, Es ist ein JavaScript string, wie das ist, wie ich Eingangs es während der Laufzeit:
"<p id=\"calculator\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Calculator</span></p><hr><p id=\"distance\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Distance Converter</span></p><hr><p id=\"area\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Area Converter</span></p><hr><p id=\"volume\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Volume Converter</span></p><hr><p id=\"mass\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Mass Converter</span></p><hr><p id=\"force\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Force Converter</span></p><hr><p id=\"power\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Power Converter</span></p><hr><p id=\"energy\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Energy Converter</span></p><hr><p id=\"temperature\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Temperature Converter</span></p><hr><p id=\"dataStorage\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Data Storage Converter</span></p><hr><p id=\"time\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Time Converter</span></p><hr><p id=\"speed\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Speed Converter</span></p><hr><p id=\"acceleration\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Acceleration Converter</span></p><hr><p id=\"pressure\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Pressure Converter</span></p><hr><p id=\"density\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Density Converter</span></p><hr><p id=\"any\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">The \"Any\" Converter</span></p><hr><p id=\"angle\"><img id=\"images\" src=\"images/Angle.png\"><span id=\"converterTitles\">Angle Converter</span></p><hr>"
Ist es beim überspringen von Zeichen, so dass es möglicherweise schwer zu Lesen sein. Aber Sie bekommen das wesentliche. Die einfachsten tags funktionieren nicht. Ich habe einige CSS, die ein paar hintergrund Bilder mit url (), die auch nicht zeigen.
InformationsquelleAutor Youssef Moawad | 2013-10-26
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich hatte ein ähnliches problem. Meine Lösung war das Bild ändern Pfade durch das entfernen des führenden "/": /img/my_icon.png -> img/my_icon.png ist, dann sind meine in-app-Symbole zeigten. Es sieht aus wie Ihre Pfade Stimmen allerdings.
Das ist auch mein problem gelöst.
InformationsquelleAutor Dan
War ich in der Lage, es zu beheben, indem Sie einfach werfen die Bilder in den root-Ordner und verknüpfen. Vielleicht nicht die beste Lösung, aber es funktioniert! Hoffe, das hilft jedem Zuschauer. PhoneGap Build apps erfordern, dass die Bilder im root-Ordner.
Versuchen Sie, Sie in das root-Verzeichnis Ihrer app. Sollte funktionieren. Es kann chaotisch sein, für einige Entwickler, aber es ist die einzige Lösung, bis PhoneGap Build tut etwas dagegen.
Danke für die Anregung. Ich heruntergeladen meiner .ipa-Datei und entpackt es. Stellt sich heraus, dass die Unterordner, die ich erstellt wurde entfernt, während bauen. Sie können nur Bilder in einen vorhandenen Ordner fertige oder Wurzel, wie Sie vorgeschlagen.
Es scheint, dass PhoneGap einfach nicht, wie Pfade beginnend mit
/
Ich habe meinem img-Ordner in das root-Projekt (wir alle überlegen, dem www-Ordner der root des Projekts?!) und das verknüpft mit der <img> das Bild, mit relativer und bsolute Weg. Etwas geschehen.
InformationsquelleAutor Youssef Moawad
Hatte ich Probleme mit Dateinamen die groß - /Kleinschreibung, nachdem Sie alle image-Datei-Namen in Kleinbuchstaben, sowie die übertragung des gleichen durch das gleiche Gehäuse, alles begann zu funktionieren.
InformationsquelleAutor Gokulnath
Fand ich, dass die beiden anderen Antworten sind richtig. Zumindest für mich, die Bilder müssen im root-Ordner, und der Fall in das HTML muss mit dem tatsächlichen Bild Datei Namen Fall.
Ich bin mit Nomad, so dass ich don T wissen, ob dies ein Nomad-problem in der Verpackung der app oder PhoneGap problem.
InformationsquelleAutor CraigP
Hatte ich ein problem mit diesem, wenn ich mit media-queries im CSS. Ich vergaß zu berücksichtigen, dass CSS-image-Pfade sind relativ zum stylesheet, die nicht auf das Dokument. Also in meinem Fall, mein Weg wurde
../images/...
InformationsquelleAutor JstnPwll
Relevant sein können, um devs mit
gulp
bauen Ihre Anwendungen: wenn Bilder nicht angezeigt, überprüfen Sie heraus, wo die Bilder platziert wird innerhalbwww
nach einemgulp build
.In meinem Fall PhoneGap war auf der Suche nach Bilder in
/www/css
Ordner. Ändern derclean
undimages
Aufgaben zu reflektieren, dass mein Problem gelöst.Wurde ich versuchen, ein background-image mit CSS; es funktioniert jetzt mit:
InformationsquelleAutor Nathan Beck