<script type="text/javascript">  
$(function(){

	var galleryFeed = new Instafeed({
	  get: "user",
	  userId: 1484139014,
	  accessToken: "1484139014.5679622.1c8796d477384a4986f2e1abc97de872",
	  template: '<li class="grid-item"><a href="{{link}}" target="_blank"><p class="img"><img class="thumbs img-responsive" src="{{image}}" alt="썸네일" /></p><dl><dd><img src="./icon-heart.png" class="icon icon-heart"><span class="likes"> {{likes}}개</span></dd><dd><img src="./icon-message.png" class="icon icon-message"><span class="comments"> {{comments}}개</span></dd></dl></a></li>',
	  target: "instafeed-gallery-feed",
	  resolution: "standard_resolution",
	  useHttp: "true",
	  limit: 16,
	  after: function(response) {
		// disable button if no more results to load
		console.log(response)

		if (!this.hasNext()) {
		  btnInstafeedLoad.setAttribute('disabled', 'disabled');
		}
	  },
	});
	galleryFeed.run();

	var btnInstafeedLoad = document.getElementById("btn-instafeed-load");
	btnInstafeedLoad.addEventListener("click", function() {
	  galleryFeed.next()
	});

})
</script>
<script>
var elem = document.querySelector('.grid');
var iso = new Isotope( elem, {
  // options
  itemSelector: '.grid-item',
  layoutMode: 'fitRows'
});

// element argument can be a selector string
//   for an individual element
var iso = new Isotope( '.grid', {
  // options
});
</script>
		<div class="main_banline04_wrap">
			<ul id="instafeed-gallery-feed" class="review_ul grid" data-isotope='{ "itemSelector": ".grid-item", "masonry": { "columnWidth": 311 } }'>
			</ul>
		</div>
		<button id="btn-instafeed-load" class="btn">더보기</button>
	</div>
</div>