Skip to content

Commit

Permalink
adding descriptions to documentation
Browse files Browse the repository at this point in the history
  • Loading branch information
DDKnoll committed May 16, 2014
1 parent b6e1f8b commit 656be78
Showing 1 changed file with 20 additions and 0 deletions.
20 changes: 20 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,26 @@

Instagram Infinite Feed

The Instagram feed uses Ractive to render a mustache html template with
instagram image data.

How to Use:

1. Create an instagram developer account and Client ID for your application.
2. Include the Ractive.js and instagram.js scripts.
3. Create a mustache template.
4. Pass the Client ID, hashtag to search, and template string into the instagramFeed constructor.

Example Template:


<!-- This loops over the data -->
{{#instagramData.data:index}}
<div class="insta-image">
<img src="{{instagramData.data[index].images.standard_resolution.url}}" alt="" />
</div>
{{/instagramData.data}}

Sample Usage:

<script src="js/ractive/Ractive-legacy.0.3.9.min.js"></script><!-- Get Ractive-->
Expand Down

0 comments on commit 656be78

Please sign in to comment.