Note that there are some explanatory texts on larger screens.

plurals
  1. POImages not showing in PhoneGap Build application
    primarykey
    data
    text
    <p>I have recently decided to start using PhoneGap Build to create apps using web technologies. Please note that I'm using PhoneGap Build not PhoneGap and so I don't maintain native APIs.</p> <p>I use HTML img tags for displaying images of course and I'm having some trouble. The images display nicely in a browser but when I take it to my phone they just disappear. I've tried everything: checking case and spelling. I even tried uploading the images to my website server and nothing. </p> <p>Any help on this will be greatly appreciated.</p> <p><strong>UPDATE</strong> </p> <p>I use this HTML, It's a JavaScript string as that's how I input it during runtime: </p> <p><code>"&lt;p id=\"calculator\"&gt;&lt;img id=\"images\" src=\"images/calculator@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Calculator&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"distance\"&gt;&lt;img id=\"images\" src=\"images/Ruler@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Distance Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"area\"&gt;&lt;img id=\"images\" src=\"images/Line-Graph-1@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Area Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"volume\"&gt;&lt;img id=\"images\" src=\"images/box3@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Volume Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"mass\"&gt;&lt;img id=\"images\" src=\"images/dumbells@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Mass Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"force\"&gt;&lt;img id=\"images\" src=\"images/circle-east@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Force Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"power\"&gt;&lt;img id=\"images\" src=\"images/Lightbulb@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Power Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"energy\"&gt;&lt;img id=\"images\" src=\"images/Refresh@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Energy Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"temperature\"&gt;&lt;img id=\"images\" src=\"images/thermometer@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Temperature Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"dataStorage\"&gt;&lt;img id=\"images\" src=\"images/inbox@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Data Storage Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"time\"&gt;&lt;img id=\"images\" src=\"images/Clock@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Time Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"speed\"&gt;&lt;img id=\"images\" src=\"images/jeep@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Speed Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"acceleration\"&gt;&lt;img id=\"images\" src=\"images/Cue-Forward@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Acceleration Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"pressure\"&gt;&lt;img id=\"images\" src=\"images/Parking@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Pressure Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"density\"&gt;&lt;img id=\"images\" src=\"images/beaker@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;Density Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"any\"&gt;&lt;img id=\"images\" src=\"images/Hand-Open@2x.png\"&gt;&lt;span id=\"converterTitles\"&gt;The \"Any\" Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;&lt;p id=\"angle\"&gt;&lt;img id=\"images\" src=\"images/Angle.png\"&gt;&lt;span id=\"converterTitles\"&gt;Angle Converter&lt;/span&gt;&lt;/p&gt;&lt;hr&gt;"</code></p> <p>It's filed with skip characters so it might be hard to read. But you get the gist. The simplest tags don't work. I have some CSS that does some background images using url() that also doesn't show.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload