title: How to I properly reference an image file from a script in an asp.net mvc project?
body: <p>I have an asp.net application running on a subdirectory of my website (i.e. www.example.com/go/) and within a .js script file I'm trying to reference an image which is in the Images directory of my project. </p>
  
  <p>When I use <code>/Images/add.png</code> to refer to the image, I can see the image while in debug mode, but not when the application is published (when in debug mode the application just runs on logalhost:port# and not under the /go/ url path). And when I use <code>go/Images/add.png</code> to refer to the image, I can see the image on the published web application, but not while testing in debug mode. What is the proper way to refer to the image resource from my script so that I can see it both in production and debug mode?</p>
  
  <p><strong>Edit</strong></p>
  
  <p>For some reason relative paths are not working. 
  I've experimented with <code>./Images/add.png</code> and <code>../Images/add.png</code>.</p>