title: Adding Javascript Counter to my Images
body: <p>I'm trying to add a JavaScript counter to the images I'm pulling in through an instagram API. The hope is by adding a counter I can give the images a unique ID, allowing me to manipulate them into a slider. I've just started learning about counters and any help would be greatly appreciated!</p>
  
  <p><br>
  Here's the page I'm working on with the images: <a href="http://carabinercoffee.com/instagram.html" rel="nofollow">http://carabinercoffee.com/instagram.html</a></p>
  
  <p><br>
  Below is the code I'm using with the instafeed.js plugin. I think there might be a way to use the template section to work in something but that's just a guess.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var userFeed = new Instafeed({
         get: 'user',
         userId: xxxxxxx,
         accessToken: 'xxxxxxxxx',
         limit: 24,
         resolution: 'low_resolution',
         template: '&lt;a href="{{link}}"&gt;&lt;img src="{{image}}"/&gt;&lt;/a&gt;',
         useHttp: true ,
  
    });
  
    userFeed.run();
  &lt;/script&gt;
  </code></pre>