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

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

hashtagstory.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.

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

<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
        integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" 
        crossorigin="anonymous">
</script>
<script src="hashtaghistory.js"></script>

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

<div class="container">
</div>
$(function(){
  $(".container").hashtaghistory({
    hashtag: "yoga"
  });
});

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

$(function(){
  $(".container").hashtaghistory({
    hashtag: "yoga",
    limit: 10
  });
});

4. Specify the image size. Availble sizes:

$(function(){
  $(".container").hashtaghistory({
    hashtag: "yoga",
    imageSize: 240
  });
});

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

$(function(){
  $(".container").hashtaghistory({
    hashtag: "yoga",
    link: false
  });
});

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

  • Publication date: 06.04.2019
  • Source