title: Image not loading javascript,html,angular,imdb api
body: <p>I am trying to show images from imdb api image shall show in todo.poster , it works perfectly fine when i try to access it locally. but when i deploy my project on server, images does not load the first time , but if i open the same image in new tab once and then refresh my project url , image would show. I am pretty much frustrated trying to solve this issue</p>
  
  <pre><code> &lt;div ng-repeat="todo in todos"&gt;
              &lt;a href="#show/{{todo.title}}" &gt;
                  &lt;h2&gt;{{todo.title}}&lt;/h2&gt;
                  &lt;/a&gt;
                  &lt;br&gt;
                  &lt;a href="#show/{{todo.title}}" &gt;
                  &lt;img ng-src= {{todo.poster}} alt="Image Not Found"&gt;
                  &lt;/a&gt;
        &lt;/div&gt;
  
   http://ia.media-imdb.com/images/M/MV5BMTk4ODk5MTMyNV5BMl5BanBnXkFtZTcwMDMyNTg0Ng@@._V1_SX300.jpg 
  </code></pre>
  
  <p>If if use inspect element of my browser i see this error</p>
  
  <pre><code>  Failed to load resource: the server responded with a status of 403 (Forbidden)
  </code></pre>