Fetch And Display Instagram Photo Feeds By Tags - instastory.js

Fetch And Display Instagram Photo Feeds By Tags - instastory.js
File Size: 11.5 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

instastory.js is a jQueyr Instagram Feed plugin that fetches and displays the most recent Instagram photos based on hashtags you specify. Without the need of Instagram access token.

How to use it:

1. Insert the JavaScript file hashtaghistory.js after the latest jQuery library.

<script src="/path/to/jquery.min.js"></script>
<script src="instastory.js"></script>

2. Call the function on the container element and specify the hashtag:

<div class="container">
</div>
$(function(){

  $(".container").instastory({
    get: "#yoga"
  });

  // or
  $(".container").instastory("#yoga");

});

3. Specify the maximum number of photos to fetch. Default: 6.

$(function(){
  $(".container").instastory({
    limit: 10
  });
});

4. Specify the image size. Availble sizes: 150, 240, 320, 480, 640.

$(function(){
  $(".container").instastory({
    imageSize: 240
  });
});

5. Determine whether or not to add Instagram links to photos. Default: true.

$(function(){
  $(".container").instastory({
    link: false
  });
});

6. Create your own template to display the Instagram photos. Possible tags:

  • {{accessibility_caption}}
  • {{caption}}
  • {{comments}}
  • {{image}}
  • {{likes}}
  • {{link}}
$(function(){
  $(".container").instastory({
    template: '<img src="{{image}}" alt="{{caption}}">'
  });
});

Changelog:

v1.1 (2019-07-20)

  • Changed plugin name to instastory.js.
  • Updated API.
  • Added 'template' option.

This awesome jQuery plugin is developed by kasperlegarth. For more Advanced Usages, please check the demo page or visit the official website.