title: How can I use chrome.extension.geturl() method in HTML tags?
body: <p>I want to load a local image from extension. I write the following code to load image. But it can not load image.</p>
  
  <pre><code>$('.aAU').append('&lt;div id="DivScroll"&gt;&lt;img id="imgSlider" width="25px" src=chrome.extension.getURL("images/slider.png") /&gt;&lt;/div&gt;');
  </code></pre>
  
  <p>The file is also present at that location.</p>
  
  <p>When I use developer tool it shows img tag as follows</p>
  
  <pre><code>&lt;img id="imgSlider" src="chrome.extension.getURL('images/slider.png')"&gt;
  </code></pre>
  
  <p>If I use static path such as follows then it display the image</p>
  
  <pre><code>&lt;img id="imgSlider" src="chrome-extension://ccpdgakpdgiklccnpnihmidbjnacgkch/images/slider.png"&gt;
  </code></pre>
  
  <p>provide any solution to use <code>chrome.extension.getURL()</code> method in HTML tags.</p>