title: How to get images to show on a phonegap application
body: <p>For the past few months I've been working on a phonegap application for a project I'm involved in, attempting to encourage kids to take an interest in the local history and I've just about finished it but, no matter what I try, I can't get the images to display...</p>
  
  <p>I've been writing the app in HTML/CSS/JS using Brackets and it works fine when I test it using the live debugging thing and Edge Inspect but when it comes to building the app with phonegap, the images just don't display.</p>
  
  <p>The code I used to place the images is:</p>
  
  <pre><code>//THE HTML
  &lt;img class = "thumbnailImg" src = "img/img1.png"&gt;
  
  //THE CSS
  .thumbnailImg {
      width: 100% !important;
  }
  </code></pre>
  
  <p>The folder with the HTML in it is also the folder with the folder of images in it:</p>
  
  <blockquote>
    <p>Options (the HTML folder) > all the html files &amp; img (the image folder)</p>
  </blockquote>
  
  <p>Inside img, the images are indexed with a respective number, 1 through 13.</p>
  
  <p><strong>EDIT: The file path is above</strong>
  <img src="https://i.stack.imgur.com/Wjebv.png" alt="file structure of the phonegap application"> </p>
  
  <p>If anyone could offer any insight as to why this isn't working, that'd be awesome.</p>